@opentiny/vue-docs 2.1.9 → 2.1.10

package/demos/pc/app/grid/webdoc/grid-custom.js

@@ -7,7 +7,7 @@ export default {
       'name': { 'zh-CN': '本地存储列宽', 'en-US': 'Column Width' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>grid</code> 标签上配置 <code>resizable=&quot;true&quot;</code> 可以调整列宽，并在 <code>toolbar</code> 标签上配置 <code>resizable=&quot;{storage: true}&quot;</code> 保存在本地的 <code>localStroage</code> 里，刷新页面表格的列宽按照拖动后的列宽显示</p>\n',
+          '<p>在 <code>grid</code> 标签上配置 <code>resizable=&quot;true&quot;</code> 可以调整列宽，并在 <code>toolbar</code> 标签上配置 <code>resizable=&quot;{storage: true}&quot;</code> 保存在本地的 <code>localStroage</code> 里，刷新页面表格的列宽按照拖动后的列宽显示。</p>\n',
         'en-US':
           '<p>Configure <code>resizable=&quot;true&quot;</code> on the <code>grid</code> tag to adjust the column width, and configure <code>resizable=&quot;{storage: true}&quot;</code> on the <code>toolbar</code> tag to save the column width in <code>localStroage</code> on the local host. The column width of the table on the refreshed page is displayed based on the column width after being dragged.</p>\n'
       },
@@ -18,7 +18,7 @@ export default {
       'name': { 'zh-CN': '简化版列设置', 'en-US': 'Manually Reset Columns' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>toolbar</code> 标签上配置 <code>:setting=&quot;{simple: true, customDisable: customDisable}&quot;</code> 开启简化版列设置 通过<code>customDisable</code> 方法自定义当前选项是否禁用</p>\n',
+          '<p>在 <code>toolbar</code> 标签上配置 <code>:setting=&quot;{simple: true, customDisable: customDisable}&quot;</code> 开启简化版列设置 通过<code>customDisable</code> 方法自定义当前选项是否禁用。</p>\n',
         'en-US':
           'Description of the <div class="tip custom-block"><p class="custom-block-title"> method </p>\n<p> <code>resetResizable()</code>: Manually reset the column width and drag the operation to the initial state \n<code>resetCustoms()</code>: Manually reset the display/hide operation of the column to the initial state.\n<code>resetAll()</code>: Manually reset all operations of the column. Restore to the initial state </p>\n</div>\n<p> Drag the column width or hide the column, and then click the corresponding button to view the effect. </p>\n'
       },
@@ -40,7 +40,7 @@ export default {
       'name': { 'zh-CN': '排序', 'en-US': 'Sort Type' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>column</code> 标签上配置 <code>sortable</code> 可以排序（未配置的列，在个性化面板中的排序图标会隐藏），并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里进行排序，排序过后会保存在本地的 <code>localStroage</code> 里，刷新页面页面上会显示排序过后的数据</p>\n',
+          '<p>在 <code>column</code> 标签上配置 <code>sortable</code> 可以排序（未配置的列，在个性化面板中的排序图标会隐藏），并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里进行排序，排序过后会保存在本地的 <code>localStroage</code> 里，刷新页面页面上会显示排序过后的数据。</p>\n',
         'en-US':
           '<p>Configure <code>sortable</code> on the <code>column</code> tab to enable sorting, and configure <code>setting</code> on the <code>toolbar</code> tab to enable personalized settings. In the Personalization panel, select Other Settings. In Other Settings, you can select the sorting type. The sorting type includes the sorting on the current page and sorting on all data. The default value is Sort on the current page.</p>\n'
       },
@@ -62,7 +62,7 @@ export default {
       'name': { 'zh-CN': '排序类型', 'en-US': 'Column Freeze' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>column</code> 标签上配置 <code>sortable</code> 可以排序，并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里选择其它设置，其它设置里可以选择排序类型，排序类型有当前页排序和所有数据排序选项，默认是当前页排序</p>\n',
+          '<p>在 <code>column</code> 标签上配置 <code>sortable</code> 可以排序，并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里选择其它设置，其它设置里可以选择排序类型，排序类型有当前页排序和所有数据排序选项，默认是当前页排序。</p>\n',
         'en-US':
           '<p>Configure the <code>fixed=&quot;left&quot;</code> on the <code>column</code> tag to be fixed on the left, and configure <code>setting</code> on the <code>toolbar</code> tag to enable personalized settings. In the personalized panel, you can set whether the column is fixed.</p>\n'
       },
@@ -73,7 +73,7 @@ export default {
       'name': { 'zh-CN': '列冻结', 'en-US': 'Local Records' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>column</code> 标签上配置 <code>fixed=&quot;left&quot;</code> 可以固定在左侧，并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里可以设置是否固定列</p>\n',
+          '<p>在 <code>column</code> 标签上配置 <code>fixed=&quot;left&quot;</code> 可以固定在左侧，并在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里可以设置是否固定列。</p>\n',
         'en-US':
           '<p>Set <code>sortable</code> of <code>setting</code> to <code>sortablejs</code> to implement the drag-and-drop sorting function. This function is invalid under multi-level column headers</p>\n'
       },
@@ -88,7 +88,7 @@ export default {
       'desc': {
         'zh-CN': `<p>配置 <code>setting</code> 的 <code>storage</code> 为 <code>local</code> 可实个性化的本地存储，
           配置 <code>setting</code> 的 <code>sortable</code> 为 <code>sortablejs</code> 可实现拖拽排序列功能，此功能在多级列头下无效，
-          并且可以通过三个事件<code>save-setting</code>、<code>cancel-setting</code>、<code>reset-setting</code>来分别监听确认、取消、重置按钮的点击事件</p>\n`,
+          并且可以通过三个事件<code>save-setting</code>、<code>cancel-setting</code>、<code>reset-setting</code>来分别监听确认、取消、重置按钮的点击事件。</p>\n`,
         'en-US': `<p>Configure <code>storage</code> of <code>setting</code> to <code>local</code> as a personalized local storage,
           Set <code>sortable</code> of <code>setting</code> to <code>sortablejs</code> to implement the drag-and-drop sorting function. This function is invalid in multi-level column headers,
           In addition, three events <code>save-setting</code>, <code>cancel-setting</code>, and <code>reset-setting</code> can be used to listen to the click events of the confirmation, cancellation, and reset buttons.</p>\n`
@@ -99,7 +99,7 @@ export default {
       'demoId': 'custom-ordercolumn-remote',
       'name': { 'zh-CN': '加载远端数据', 'en-US': 'Display and hide columns' },
       'desc': {
-        'zh-CN': '<p>通过 <code>reloadCustoms</code> 方法，将第二个参数置为 <code>true</code> 可按序加载列</p>\n',
+        'zh-CN': '<p>通过 <code>reloadCustoms</code> 方法，将第二个参数置为 <code>true</code> 可按序加载列。</p>\n',
         'en-US':
           '<p>Configure <code>setting</code> on the <code>toolbar</code> tab to enable personalized settings. In the personalized panel, you can set whether to display or hide columns</p>\n'
       },
@@ -110,7 +110,7 @@ export default {
       'name': { 'zh-CN': '列显示隐藏', 'en-US': 'Manually hide the displayed column' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里可以设置是否显示和隐藏列</p>\n',
+          '<p>在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里可以设置是否显示和隐藏列。</p>\n',
         'en-US':
           '<p>Invoke the <code>hideColumn(column)</code> method to hide the specified column, and the <code>showColumn(column)</code> method to display the specified column. When you use the two methods to hide or display a column, you need to invoke the <code>refreshColumn()</code> method to refresh the column configuration for the modification to take effect. </p>\n'
       },
@@ -143,7 +143,7 @@ export default {
       'name': { 'zh-CN': '分页条数', 'en-US': 'Local Storage' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里选择其它设置，其它设置里可以选择每页显示的条数，可以通过 <code>setting</code> 的 <code>other</code> 属性控制显示其他设置，<code>boolean</code> 类型默认为 <code>true</code></p>\n',
+          '<p>在 <code>toolbar</code> 标签上配置 <code>setting</code> 开启个性化设置，在个性化面板里选择其它设置，其它设置里可以选择每页显示的条数，可以通过 <code>setting</code> 的 <code>other</code> 属性控制显示其他设置，<code>boolean</code> 类型默认为 <code>true</code>。</p>\n',
         'en-US':
           '<p>Configure <code>:setting=&quot;{storage:\'local\'}&quot; on the <code>toolbar</code> tag </code>Enable personalization and save to local <code>localSotrage</code> </p>\n<div class="danger custom-block">\n</div>\n'
       },

package/demos/pc/app/grid/webdoc/grid-data-source.js

@@ -16,7 +16,7 @@ export default {
       'name': { 'zh-CN': '开启服务请求', 'en-US': 'Open Service Request' },
       'desc': {
         'zh-CN':
-          "<p>表格属性设置 fetch-data 开启服务请求。表格首次加载服务数据的时机默认是在 mounted 阶段，如果开了 prefetch 开关就在 created 阶段开始加载。可以设置 prefetch 为数组，指定后端排序字段参数，作为数据接口方法参数 sortBy。例如：[{ property: 'name', order: 'desc' }]，参考示例</p>\n",
+          "<p>表格属性设置 fetch-data 开启服务请求。表格首次加载服务数据的时机默认是在 mounted 阶段，如果开了 prefetch 开关就在 created 阶段开始加载。可以设置 prefetch 为数组，指定后端排序字段参数，作为数据接口方法参数 sortBy。例如：[{ property: 'name', order: 'desc' }]，参考示例：</p>\n",
         'en-US': '<p>Table attribute setting <code>fetch-data</code> enables the service request. </p>\n'
       },
       'codeFiles': ['data-source/request-service.vue']
@@ -36,7 +36,7 @@ export default {
       'demoId': 'data-source-columns',
       'name': { 'zh-CN': '表格列的配置信息', 'en-US': 'Table column configuration information' },
       'desc': {
-        'zh-CN': '<p>通过表格属性 <code>columns</code> 设置表格列的配置信息</p>\n',
+        'zh-CN': '<p>通过表格属性 <code>columns</code> 设置表格列的配置信息。</p>\n',
         'en-US':
           '<p>Set the configuration information of table columns through the table attribute <code>columns</code></p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-drag.js

@@ -18,7 +18,7 @@ export default {
       'name': { 'zh-CN': '拖拽控制', 'en-US': 'Drag Control' },
       'desc': {
         'zh-CN':
-          '<p>可以通过设置 <code>drop-config</code> 的 <code>onBeforeMove</code> 事件控制行拖动，也可以配置<code>drop-config</code> 的 <code>filter</code> 与自定义样式结合使用来限制拖动</p>\n',
+          '<p>可以通过设置 <code>drop-config</code> 的 <code>onBeforeMove</code> 事件控制行拖动，也可以配置<code>drop-config</code> 的 <code>filter</code> 与自定义样式结合使用来限制拖动。</p>\n',
         'en-US':
           '<p>You can set the <code>onBeforeMove</code> event of <code>drop-config</code> to control row dragging. You can also configure <code>filter</code> of <code>drop-config</code> in conjunction with a custom style to restrict drag</p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-dynamically-columns.js

@@ -3,22 +3,22 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'dynamically-columns-dynamicallyColumns',
+      'demoId': 'dynamically-columns-dynamically-columns',
       'name': {
         'zh-CN': '根据日期动态生成列',
         'en-US': 'Grid-Dynamic column generation based on the selected date'
       },
-      'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
+      'desc': { 'zh-CN': '详细用法参考如下示例：', 'en-US': 'For details, see the following example.' },
       'codeFiles': ['dynamically-columns/dynamically-columns.vue']
     },
     {
       'demoId': 'column-columns-dynamic',
       'name': { 'zh-CN': '动态列数据', 'en-US': '' },
-      'desc': { 'zh-CN': '兼容低版本的动态列数据', 'en-US': '' },
+      'desc': { 'zh-CN': '兼容低版本的动态列数据。', 'en-US': '' },
       'codeFiles': ['dynamically-columns/columns-dynamic.vue']
     },
     {
-      'demoId': 'dynamically-columns-reverseRow',
+      'demoId': 'dynamically-columns-reverse-row',
       'name': { 'zh-CN': '表格行列反转', 'en-US': 'Grid-Inverting Rows and Columns in a Table' },
       'desc': {
         'zh-CN':

package/demos/pc/app/grid/webdoc/grid-edit.js

@@ -40,7 +40,7 @@ export default {
       'name': { 'zh-CN': '手动触发编辑', 'en-US': 'Manually triggered editing' },
       'desc': {
         'zh-CN': `<p> <code>setActiveCell(row, field)</code> 方法可激活指定单元格编辑。<code>setActiveRow(row)</code> 方法激活行编辑，如果是 mode=cell 则默认激活第一个单元格。</p>
-          <p>在点击其他行或表格外部时，编辑器会自动关闭。设置 <code>editConfig.autoClear</code> 为 <code>false</code> 可以防止编辑器自动关闭</p>
+          <p>在点击其他行或表格外部时，编辑器会自动关闭。设置 <code>editConfig.autoClear</code> 为 <code>false</code> 可以防止编辑器自动关闭。</p>
           `,
         'en-US': 'For details, see the following example.'
       },
@@ -58,7 +58,7 @@ export default {
       'codeFiles': ['edit/custom-editing.vue']
     },
     {
-      'demoId': 'edit-editor-is-salid-always',
+      'demoId': 'edit-editor-is-valid-always',
       'name': { 'zh-CN': '自定义编辑校验规则', 'en-US': 'Customized Editing Verification Rule' },
       'desc': {
         'zh-CN':
@@ -66,7 +66,7 @@ export default {
         'en-US':
           '<p>Table attribute setting<code>edit-config</code>Enable the editing mode and configure the <code>edit-rules</code> object to set the validation object and validation rule. Set <code>isValidAlways</code> in the <code>editor</code> object to enable real-time editing verification. </p>\n'
       },
-      'codeFiles': ['edit/editor-is-salid-always.vue']
+      'codeFiles': ['edit/editor-is-valid-always.vue']
     },
     {
       'demoId': 'edit-status-of-editing',

package/demos/pc/app/grid/webdoc/grid-editor.js

@@ -10,7 +10,7 @@ export default {
         <p> <code>grid</code> 标签上配置 <code>edit-config</code>。在 <code>grid-column</code> 列配置 <code>editor</code> 对象， <code>component</code> 渲染内置编辑组件， <code>events</code> 配置组件事件。具体参考下面示例。</p>
         <div class="tip custom-block">
           <p class="custom-block-title">说明</p>
-          <p>内置编辑器只支持 <code>Input</code> 和 <code>Select</code> 组件，需要使用其他组件可参考自定义编辑器</p>
+          <p>内置编辑器只支持 <code>Input</code> 和 <code>Select</code> 组件，需要使用其他组件可参考自定义编辑器。</p>
         </div>
         `,
         'en-US':
@@ -23,7 +23,7 @@ export default {
       'name': { 'zh-CN': '自定义编辑器', 'en-US': 'Introducing the TINY component as the editor' },
       'desc': {
         'zh-CN': `
-        <p> <code>grid</code> 标签上配置 <code>edit-config</code>。\n在 <code>grid-column</code> 列配置 <code>editor</code> 对象， <code>component</code> 渲染自定义编辑组件或者TinyVue提供的组件</p>
+        <p> <code>grid</code> 标签上配置 <code>edit-config</code>。\n在 <code>grid-column</code> 列配置 <code>editor</code> 对象， <code>component</code> 渲染自定义编辑组件或者TinyVue提供的组件。</p>
         `,
         'en-US':
           '<p>Introduces the TinyVue <code>Select</code> component through <code>attribute configuration</code>. </p>\n'
@@ -59,7 +59,7 @@ export default {
       'name': { 'zh-CN': '维护编辑状态', 'en-US': '' },
       'desc': {
         'zh-CN':
-          "<p>假设 <code>名称字段</code> 和 <code>id 为 '3' 的行</code> 不可编辑，可以通过 <code>editConfig.activeMethod</code> 设置其单元格不可进入编辑，通过 <code>cellClassName</code> 设置其单元格的背景底色</p>",
+          "<p>假设 <code>名称字段</code> 和 <code>id 为 '3' 的行</code> 不可编辑，可以通过 <code>editConfig.activeMethod</code> 设置其单元格不可进入编辑，通过 <code>cellClassName</code> 设置其单元格的背景底色。</p>",
         'en-US': ''
       },
       'codeFiles': ['editor/editor-bg.vue']

package/demos/pc/app/grid/webdoc/grid-empty.js

@@ -24,7 +24,7 @@ export default {
       'name': { 'zh-CN': '固定居中', 'en-US': 'Fix Center' },
       'desc': {
         'zh-CN':
-          '<p>配置 <code>is-center-empty</code> 为 <code>true</code> 时，拖动横向滚动条可以保持空数据提示使终相对表格宽度居中显示</p>\n',
+          '<p>配置 <code>is-center-empty</code> 为 <code>true</code> 时，拖动横向滚动条可以保持空数据提示使终相对表格宽度居中显示。</p>\n',
         'en-US':
           '<p>When <code>is-center-empty</code> is set to <code>true</code>, drag the horizontal scroll bar to keep the empty data prompt so that the final data is displayed in the center of the table width</p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-event.js

@@ -8,12 +8,12 @@ export default {
       'desc': {
         'zh-CN': `
         <p>在 <code>grid</code> 标签上配置：</p>
-        <p> <code>header-cell-click</code> 可以监听到表头的点击事件</p>
-        <p> <code>header-cell-dblclick</code> 可以监听到表头的双击事件</p>
-        <p> <code>cell-click</code> 可以监听到单元格的点击事件</p>
-        <p> <code>cell-dblclick</code> 可以监听到单元格的双击事件</p>
-        <p> <code>footer-cell-click</code> 可以监听到表尾单元格的点击事件</p>
-        <p> <code>footer-cell-dbclick</code> 可以监听到表尾单元格的双击事件</p>
+        <p> <code>header-cell-click</code> 可以监听到表头的点击事件。</p>
+        <p> <code>header-cell-dblclick</code> 可以监听到表头的双击事件。</p>
+        <p> <code>cell-click</code> 可以监听到单元格的点击事件。</p>
+        <p> <code>cell-dblclick</code> 可以监听到单元格的双击事件。</p>
+        <p> <code>footer-cell-click</code> 可以监听到表尾单元格的点击事件。</p>
+        <p> <code>footer-cell-dbclick</code> 可以监听到表尾单元格的双击事件。</p>
         `,
         'en-US':
           '<p>Configure <code>header-cell-click</code> on the <code>grid</code> tag to listen to the click event of the table header</p>\n'
@@ -40,8 +40,8 @@ export default {
       'desc': {
         'zh-CN': `
         <p>在 <code>grid</code> 标签上配置：</p>
-        <p> <code>cell-mouseenter</code> 可以监听到鼠标进入单元格事件</p>
-        <p> <code>cell-mouseleave</code> 可以监听到鼠标离开单元格事件</p>
+        <p> <code>cell-mouseenter</code> 可以监听到鼠标进入单元格事件。</p>
+        <p> <code>cell-mouseleave</code> 可以监听到鼠标离开单元格事件。</p>
         `,
         'en-US':
           '<p>Configure <code>cell-dblclick</code> on the <code>grid</code> tab to listen to the double-click event of a cell</p>\n'
@@ -49,7 +49,7 @@ export default {
       'codeFiles': ['event/cell-mouse-event.vue']
     },
     {
-      'demoId': 'event-edit-actived-event',
+      'demoId': 'event-edit-event',
       'name': {
         'zh-CN': '单元格编辑相关事件',
         'en-US': 'This event is triggered when a cell is activated for editing.'
@@ -57,8 +57,8 @@ export default {
       'desc': {
         'zh-CN': `
           <p>在 <code>grid</code> 标签上配置：</p>
-          <p> <code>edit-actived</code> 单元格被激活编辑时触发的事件</p>
-          <p> <code>edit-closed</code> 单元格编辑完成触发该事件</p>
+          <p> <code>edit-actived</code> 单元格被激活编辑时触发的事件。</p>
+          <p> <code>edit-closed</code> 单元格编辑完成触发该事件。</p>
           <p> <code>edit-disabled-event</code> 当单元格激活时如果是禁用状态时会触发该事件，同时需要在 <code>edit-config</code> 配置中的 <code>activeMethod</code> 方法控制单元格是否可以编辑（返回 <code>true</code> 可以编辑，反之亦然）。</p>
           `,
         'en-US':
@@ -70,7 +70,7 @@ export default {
       'demoId': 'event-grid-scroll-event',
       'name': { 'zh-CN': '表格滚动事件', 'en-US': 'Event' },
       'desc': {
-        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>scroll</code> 事件，可以监听表格的滚动</p>\n',
+        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>scroll</code> 事件，可以监听表格的滚动。</p>\n',
         'en-US':
           '<p>Configure the <code>scroll</code> event on the <code>grid</code> tag to listen to the scrolling of the table</p>\n'
       },
@@ -81,7 +81,7 @@ export default {
       'name': { 'zh-CN': '行选中事件', 'en-US': 'Row Selection Event' },
       'desc': {
         'zh-CN':
-          '<p>只对 在 <code>grid</code> 标签上配置 <code>highlightCurrentRow</code> 有效，当手动选中行时触发的事件</p>\n',
+          '<p>只对 在 <code>grid</code> 标签上配置 <code>highlightCurrentRow</code> 有效，当手动选中行时触发的事件。</p>\n',
         'en-US':
           '<p>This event is triggered when a row is manually selected and is valid only when <code>highlightCurrentRow</code> is configured on the <code>grid</code> tag.</p>\n'
       },
@@ -92,7 +92,7 @@ export default {
       'name': { 'zh-CN': '单选行选中事件', 'en-US': 'Line Selection Event' },
       'desc': {
         'zh-CN':
-          '<p>在 <code>grid</code> 标签上配置 <code>radio-change</code> 可以监听勾选行事件\n只对 type=radio 有效，当手动勾选并且值发生改变时触发的事件</p>\n',
+          '<p>在 <code>grid</code> 标签上配置 <code>radio-change</code> 可以监听勾选行事件\n只对 type=radio 有效，当手动勾选并且值发生改变时触发的事件。</p>\n',
         'en-US':
           '<p>Configure <code>radio-change</code> on the <code>grid</code> tag to listen to the selected row event.\nThis parameter is valid only for type=radio. Event triggered when manually selected and the value changes</p>\n'
       },
@@ -104,8 +104,8 @@ export default {
       'desc': {
         'zh-CN': `
           <p>在 <code>grid</code> 标签上配置：</p>
-          <p> <code>select-change</code> 可以监听到勾选行事件\n只对 type=selection 有效，当手动勾选并且值发生改变时触发的事件</p>
-          <p> <code>select-all</code> 有效\n只对 type=selection 有效，当手动勾选全选时触发的事件</p>
+          <p> <code>select-change</code> 可以监听到勾选行事件\n只对 type=selection 有效，当手动勾选并且值发生改变时触发的事件。</p>
+          <p> <code>select-all</code> 有效\n只对 type=selection 有效，当手动勾选全选时触发的事件。</p>
           `,
         'en-US':
           '<p>You can configure <code>select-change</code> on the <code>grid</code> tag to listen to the selected row event.\nThis parameter is valid only for type=selection. Event triggered when manually selected and the value changes</p>\n'
@@ -116,7 +116,7 @@ export default {
       'demoId': 'event-page-change-event',
       'name': { 'zh-CN': '分页发生改变事件', 'en-US': 'Paging change event' },
       'desc': {
-        'zh-CN': '<p>只对 在 <code>grid</code> 标签上配置 <code>page-change</code> 可以监听分页发生改变事件</p>\n',
+        'zh-CN': '<p>只对 在 <code>grid</code> 标签上配置 <code>page-change</code> 可以监听分页发生改变事件。</p>\n',
         'en-US':
           '<p>You can only configure <code>page-change</code> on the <code>grid</code> tag to listen to page change events.</p>\n'
       },
@@ -137,7 +137,7 @@ export default {
       'demoId': 'event-resizable-change-event',
       'name': { 'zh-CN': '列宽改变事件', 'en-US': 'Column width change event' },
       'desc': {
-        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>resizable-change</code> 可以监听列宽改变事件</p>\n',
+        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>resizable-change</code> 可以监听列宽改变事件。</p>\n',
         'en-US':
           '<p>Configure <code>resizable-change</code> on the <code>grid</code> tag to listen to column width change events</p>\n'
       },
@@ -147,7 +147,8 @@ export default {
       'demoId': 'event-toggle-expand-change-event',
       'name': { 'zh-CN': '行展开收起事件', 'en-US': 'Line expansion and collapse event' },
       'desc': {
-        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>toggle-expand-change</code> 可以监听到行展开收起事件</p>\n',
+        'zh-CN':
+          '<p>在 <code>grid</code> 标签上配置 <code>toggle-expand-change</code> 可以监听到行展开收起事件。</p>\n',
         'en-US':
           '<p>Configure <code>toggle-expand-change</code> on the <code>grid</code> tag to listen to the row expansion and collapse event</p>\n'
       },
@@ -157,7 +158,8 @@ export default {
       'demoId': 'event-toggle-tree-change-event',
       'name': { 'zh-CN': '树节点展开收起事件', 'en-US': 'Tree Node Expansion and Collapse Event' },
       'desc': {
-        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>toggle-tree-change</code> 可以监听树节点展开收起事件</p>\n',
+        'zh-CN':
+          '<p>在 <code>grid</code> 标签上配置 <code>toggle-tree-change</code> 可以监听树节点展开收起事件。</p>\n',
         'en-US':
           '<p>Configure <code>toggle-tree-change</code> on the <code>grid</code> tag to listen to tree node expansion and collapse events</p>\n'
       },
@@ -167,7 +169,7 @@ export default {
       'demoId': 'event-toolbar-button-click-event',
       'name': { 'zh-CN': '工具栏点击事件', 'en-US': 'Toolbar click event' },
       'desc': {
-        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>toolbar-button-click</code> 可以监听工具栏点击事件</p>\n',
+        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>toolbar-button-click</code> 可以监听工具栏点击事件。</p>\n',
         'en-US':
           '<p>Configure <code>resizable-change</code> on the <code>grid</code> tab to listen to toolbar click events</p>\n'
       },
@@ -177,7 +179,7 @@ export default {
       'demoId': 'event-valid-error-event',
       'name': { 'zh-CN': '校验不通过事件', 'en-US': 'Verification failure event' },
       'desc': {
-        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>valid-error</code> 监听校验不通过事件</p>\n',
+        'zh-CN': '<p>在 <code>grid</code> 标签上配置 <code>valid-error</code> 监听校验不通过事件。</p>\n',
         'en-US':
           '<p>Configure <code>valid-error</code> on the <code>grid</code> tag to listen to verification failure events</p>\n'
       },
@@ -197,7 +199,7 @@ export default {
       'name': { 'zh-CN': '获取表格行方法', 'en-US': 'Obtain table row method' },
       'desc': {
         'zh-CN':
-          '<div class="tip custom-block"><p class="custom-block-title">获取行的方法</p>\n<p> <code>getCurrentRow</code> 获取当前行\n<code>getRowIndex</code> 获取当前行号\n<code>getRadioRow</code> Radio 单选选中行\n<code>getRowById</code> 通过 rowId 获取当前行\n<code>getRowNode</code> 通过 tr 元素获取行信息</p>\n</div>\n',
+          '<div class="tip custom-block"><p class="custom-block-title">获取行的方法</p>\n<p> <code>getCurrentRow</code> 获取当前行\n<code>getRowIndex</code> 获取当前行号\n<code>getRadioRow</code> Radio 单选选中行\n<code>getRowById</code> 通过 rowId 获取当前行\n<code>getRowNode</code> 通过 tr 元素获取行信息。</p>\n</div>\n',
         'en-US':
           '<div class="tip custom-block"><p class="custom-block-title"> Method for obtaining a row: </p>\n<p> <code>getCurrentRow</code> Obtain the current row \n<code>getRowIndex</code> Obtain the current row number \n<code>getRadioRow</code> Radio Select a single row \n<code>getRowById</code> Obtain the current row based on the row ID \n<code>getRowNode</code> Obtain the row information based on the tr element </p>\n</div>\n'
       },

package/demos/pc/app/grid/webdoc/grid-expand.js

@@ -22,7 +22,7 @@ export default {
         'zh-CN': `
         <p>表格属性 <code>expand-config</code> 设置展开行配置项。</p>
         <p>表格属性 <code>expandConfig.activeMethod</code> 配置一个方法控制行是否可展开，参数为 <code>row</code> 和 <code>rowLevel</code>，返回 <code>false</code> 则此行不可展开，且不显示展开图标</p>
-        <p>表格属性 <code>expandConfig.showIcon</code> 配置是否显示展开图标，默认为 <code>true</code> 表示显示展开图标
+        <p>表格属性 <code>expandConfig.showIcon</code> 配置是否显示展开图标，默认为 <code>true</code> 表示显示展开图标。
         `,
         'en-US': '<p>Table property<code>expand-config</code>Set the configuration item of the expanded line. </p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-faq.js

@@ -7,7 +7,7 @@ export default {
       'name': { 'zh-CN': '表格列头与单元格错位', 'en-US': 'Table column headers and cells are misplaced' },
       'desc': {
         'zh-CN':
-          '<p>当出现grid表头与表体单元格错位时，可以选择性地做以下尝试\n1.给每列设置列宽\n2.将<code>show-overflow</code>、<code>show-header-overflow</code> 都设置为 <code>true</code>\n3.将 <code>table-layout</code> 设置为 <code>auto</code></p>\n',
+          '<p>当出现grid表头与表体单元格错位时，可以选择性地做以下尝试\n1.给每列设置列宽\n2.将<code>show-overflow</code>、<code>show-header-overflow</code> 都设置为 <code>true</code>\n3.将 <code>table-layout</code> 设置为 <code>auto</code>。</p>\n',
         'en-US':
           '<p>When the grid table header is misplaced with the table body cell, You can perform the following operations as required.\n1. Set the column width for each column.\n2. Set <code>show-overflow</code> and <code>show-header-overflow</code> to <code>true</code>\n3. Set <code>table-layout</ Set this parameter to <code>auto</code></p>\n'
       },
@@ -18,7 +18,7 @@ export default {
       'name': { 'zh-CN': '弹窗中的表格编辑器无法正常失焦', 'en-US': '' },
       'desc': {
         'zh-CN':
-          '<p>当可以编辑的表格出现在DialogBox弹出框中，编辑器无法正常失去焦点时需要配置<code>blurOutside</code></p>\n',
+          '<p>当可以编辑的表格出现在DialogBox弹出框中，编辑器无法正常失去焦点时需要配置<code>blurOutside</code>。</p>\n',
         'en-US': ''
       },
       'codeFiles': ['faq/grid-in-dialog-box.vue']
@@ -26,7 +26,7 @@ export default {
     {
       'demoId': 'faq-op-slot',
       'name': { 'zh-CN': '配置式表格如何使用插槽', 'en-US': '' },
-      'desc': { 'zh-CN': '<p>具体可以参考以下代码</p>\n', 'en-US': '' },
+      'desc': { 'zh-CN': '<p>具体可以参考以下代码：</p>\n', 'en-US': '' },
       'codeFiles': ['faq/op-slot.vue']
     },
     {

package/demos/pc/app/grid/webdoc/grid-filter.js

@@ -33,7 +33,7 @@ export default {
       'desc': {
         'zh-CN':
           '<p>通过 <code>layout</code> 设置需要使用的筛选项为<code>simple</code>,其中<code>layout</code>可选项包括<code>input,enum,default,extends,base,simple</code></p>\n',
-        'en-US': '<p>Add custom parameters by <code>params</code></p>\n'
+        'en-US': '<p>Add custom parameters by <code>params</code>。</p>\n'
       },
       'codeFiles': ['filter/simple-filter.vue']
     },
@@ -42,7 +42,7 @@ export default {
       'name': { 'zh-CN': '简化版筛选-时间日期菜单', 'en-US': 'Advanced Filter Settings' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>layout</code> 设置需要使用的筛选项为<code>simple</code>,其中<code>layout</code>可选项包括<code>input,enum,default,extends,base,simple</code></p>\n',
+          '<p>通过 <code>layout</code> 设置需要使用的筛选项为<code>simple</code>,其中<code>layout</code>可选项包括<code>input,enum,default,extends,base,simple</code>。</p>\n',
         'en-US':
           '<p>You can use <code>inputFilter</code> to configure custom components and conditions for the input filter area, and use <code>extends</code> to add a shortcut filter list</p>\n'
       },
@@ -52,7 +52,7 @@ export default {
       'demoId': 'filter-simple-default-value-filter',
       'name': { 'zh-CN': '筛选面板默认选中值', 'en-US': 'Set Column Filtering Rules' },
       'desc': {
-        'zh-CN': '<p>通过 <code>condition.value</code>可以配置筛选默认的选中值</p>\n',
+        'zh-CN': '<p>通过 <code>condition.value</code>可以配置筛选默认的选中值。</p>\n',
         'en-US': '<p>Set the column filtering rule through the <code>filter</code> attribute</p>\n'
       },
       'codeFiles': ['filter/simple-default-value-filter.vue']
@@ -62,7 +62,7 @@ export default {
       'name': { 'zh-CN': '过滤高级设置', 'en-US': 'Custom Filter' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>inputFilter</code> 可以给input过滤区域配置自定义组件与条件，通过 <code>extends</code> 可以增加快捷过滤列表</p>\n',
+          '<p>通过 <code>inputFilter</code> 可以给input过滤区域配置自定义组件与条件，通过 <code>extends</code> 可以增加快捷过滤列表。</p>\n',
         'en-US': '<p>Set additional parameters through the <code>params</code> attribute</p>\n'
       },
       'codeFiles': ['filter/advanced-filter.vue']
@@ -71,7 +71,7 @@ export default {
       'demoId': 'filter-custom-filter',
       'name': { 'zh-CN': '设置列筛选规则', 'en-US': 'Server Filter' },
       'desc': {
-        'zh-CN': '<p>通过 <code>filter</code> 属性设置列筛选规则</p>\n',
+        'zh-CN': '<p>通过 <code>filter</code> 属性设置列筛选规则。</p>\n',
         'en-US':
           '<p>Configure remote-filter to enable server-side filtering. The server-side filtering invokes the fetch-data table for query. The filter-change event is triggered after the server-side filtering.\nThe <code>services/getGridMockData</code> service in this example needs to be implemented. The example simulates the data returned by a remote service \n</p>\n'
       },
@@ -82,7 +82,7 @@ export default {
       'name': { 'zh-CN': '服务端过滤', 'en-US': 'Enter the default filtering options.' },
       'desc': {
         'zh-CN':
-          '<p>配置 remote-filter 开启服务端过滤，服务端过滤会调用表格 fetch-data 进行查询，filter-change 服务端过滤后触发的事件\n该示例中的 <code>services/getGridMockData</code> 服务需要自行实现，示例模拟了远程服务返回的数据\n</p>\n',
+          '<p>配置 remote-filter 开启服务端过滤，服务端过滤会调用表格 fetch-data 进行查询，filter-change 服务端过滤后触发的事件\n该示例中的 <code>services/getGridMockData</code> 服务需要自行实现，示例模拟了远程服务返回的数据。\n</p>\n',
         'en-US':
           '<p>Set the default input filtering options through the <code>inputFilter.relation</code> attribute. \n Enter the built-in options for filtering: <code>equals</code>, <code>unequal</code>, <code>greaterThan</code>, <code>lessThan</code>, <code>equalToGreaterThan</code>, <code>equalToLessThan</code>, <code>contains</code>, <code>startwith</code>, <code>endwith</code>; Custom options can also be configured. \n When configuring custom options, you need to configure the filtering method through the <code>inputFilter.method</code> attribute. </p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-fixed.js

@@ -7,7 +7,7 @@ export default {
       'name': { 'zh-CN': '左冻结', 'en-US': 'Left Freeze' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code></p>\n',
+          '<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code>。</p>\n',
         'en-US':
           '<p>Sets column freezing through the <code>fixed</code> property. The options are as follows: <code>left right</code>The default value is <code>left</code></p>\n'
       },
@@ -18,7 +18,7 @@ export default {
       'name': { 'zh-CN': '右冻结', 'en-US': 'Right Freeze' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code></p>\n',
+          '<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code>。</p>\n',
         'en-US':
           '<p>Sets column freezing through the <code>fixed</code> property. The options are as follows: <code>left right</code>The default value is <code>left</code></p>\n'
       },
@@ -29,7 +29,7 @@ export default {
       'name': { 'zh-CN': '操作列冻结', 'en-US': 'Frozen Operation Column' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code></p>\n',
+          '<p>通过 <code>fixed</code> 属性设置列冻结。可选值为 <code>left right</code> 默认为 <code>left</code>。</p>\n',
         'en-US':
           '<p>Sets column freezing through the <code>fixed</code> property. The options are as follows: <code>left right</code>The default value is <code>left</code></p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-footer.js

@@ -25,7 +25,7 @@ export default {
       'name': { 'zh-CN': '表尾合并行或列', 'en-US': 'Merge Rows or Columns at the Table Foot' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>footer-method</code> 和 <code>footer-span-method</code> 设置表尾合计行或列逻辑 必须配置 <code>show-footer</code></p>\n',
+          '<p>通过 <code>footer-method</code> 和 <code>footer-span-method</code> 设置表尾合计行或列逻辑 必须配置 <code>show-footer</code>。</p>\n',
         'en-US':
           '<p>Use <code>footer-method</code> and <code>footer-span-method</code> to set the total row or column logic of the table tail. <code>show-footer</code></p>\n must be configured'
       },

package/demos/pc/app/grid/webdoc/grid-header.js

@@ -17,7 +17,7 @@ export default {
       'demoId': 'header-custom-grid-header',
       'name': { 'zh-CN': '自定义表头', 'en-US': 'User-defined table header' },
       'desc': {
-        'zh-CN': '<p>通过列 <code>slot</code> 插槽自定义表头</p>\n',
+        'zh-CN': '<p>通过列 <code>slot</code> 插槽自定义表头。</p>\n',
         'en-US': '<p>Customize the table header by column <code>slot</code> slot</p>\n'
       },
       'codeFiles': ['header/custom-grid-header.vue']
@@ -26,7 +26,7 @@ export default {
       'demoId': 'header-config-grid-header',
       'name': { 'zh-CN': '配置式多级表头', 'en-US': 'Configure the template for customizing table header content' },
       'desc': {
-        'zh-CN': '<p>配置式多级表头</p>\n',
+        'zh-CN': '<p>配置式多级表头。</p>\n',
         'en-US':
           '<p>Set the <code>header</code> slot and configure the template of the customized table header content. </p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-highlight.js

@@ -27,7 +27,7 @@ export default {
       'name': { 'zh-CN': '开启选中行高亮', 'en-US': 'Enable the selected row to be highlighted' },
       'desc': {
         'zh-CN':
-          '<p>设置 <code>highlight-current-row</code> 属性控制鼠标选中行是否开启高亮</p>\n<p>\n带有斑马线的行无高亮效果\n</p>\n',
+          '<p>设置 <code>highlight-current-row</code> 属性控制鼠标选中行是否开启高亮</p>\n<p>\n带有斑马线的行无高亮效果。\n</p>\n',
         'en-US':
           '<p>Set the <code>highlight-current-row</code> attribute to control whether to highlight selected lines.</p>\n<p>\nThe lines with zebra crossings are not highlighted.\n</p>\n'
       },
@@ -47,7 +47,7 @@ export default {
       'demoId': 'highlight-highlight-current-column',
       'name': { 'zh-CN': '选中列是否开启高亮', 'en-US': 'Specifies whether to highlight the selected column.' },
       'desc': {
-        'zh-CN': '<p>设置 <code>highlight-current-column</code> 属性控制鼠标选中的当前列是否开启高亮显示</p>\n',
+        'zh-CN': '<p>设置 <code>highlight-current-column</code> 属性控制鼠标选中的当前列是否开启高亮显示。</p>\n',
         'en-US':
           '<p>Set the <code>highlight-current-column</code> attribute to determine whether to highlight the current column.</p>\n'
       },
@@ -58,7 +58,7 @@ export default {
       'name': { 'zh-CN': '编辑时高亮单元格边框', 'en-US': 'Highlight cell borders during editing' },
       'desc': {
         'zh-CN':
-          '<p>设置 <code>highlight-cell</code> 是否在编辑时高亮单元格边框，只对 <code>editConfig</code> 配置时有效</p>\n',
+          '<p>设置 <code>highlight-cell</code> 是否在编辑时高亮单元格边框，只对 <code>editConfig</code> 配置时有效。</p>\n',
         'en-US':
           '<p>Sets whether <code>highlight-cell</code> highlights the cell border during editing. This parameter is valid only when <code>editConfig</code> is configured</p>\n'
       },

package/demos/pc/app/grid/webdoc/grid-import-export.js

@@ -5,7 +5,7 @@ export default {
     {
       'demoId': 'import-export-export-excel',
       'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
-      'desc': { 'zh-CN': '详细用法参考如下示例', 'en-US': 'For details, see the following example.' },
+      'desc': { 'zh-CN': '详细用法参考如下示例：', 'en-US': 'For details, see the following example.' },
       'codeFiles': ['import-export/export-excel.vue']
     }
   ],