@opentiny/vue-docs 2.2.6 → 2.2.8

package/demos/pc/app/grid/validation/before-submit-validation.vue

@@ -64,6 +64,10 @@ export default {
         {
           code: 'savePromise',
           name: '保存（Promise）'
+        },
+        {
+          code: 'fullValidate',
+          name: '全量数据校验'
         }
       ],
       tableData: [
@@ -186,6 +190,19 @@ export default {
             })
           break
         }
+        case 'fullValidate': {
+          this.$refs.basicGrid
+            .fullValidate()
+            .then(() => {
+              TinyModal.alert('校验成功，触发了then！')
+            })
+            .catch((error) => {
+              // eslint-disable-next-line no-console
+              console.log(error)
+              TinyModal.alert('校验不通过，触发了catch')
+            })
+          break
+        }
       }
     }
   }

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

@@ -36,5 +36,5 @@ export default {
       'codeFiles': ['align/grid-align.vue']
     }
   ],
-  apis: [{ 'name': 'grid-align', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-align', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

package/demos/pc/app/grid/webdoc/grid-appearance-settings.js

@@ -23,5 +23,5 @@ export default {
       'codeFiles': ['appearance-settings/stripe.vue']
     }
   ],
-  apis: [{ 'name': 'grid-appearance-settings', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-appearance-settings', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

package/demos/pc/app/grid/webdoc/grid-context-menu.js

@@ -47,5 +47,5 @@ export default {
       'codeFiles': ['context-menu/menu-permissions.vue']
     }
   ],
-  apis: [{ 'name': 'grid-context-menu', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-context-menu', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -7,7 +7,7 @@ export default {
       'name': { 'zh-CN': '自定义表头样式', 'en-US': 'Set the table header style' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>header-cell-class-name</code> 和 <code>header-row-class-name</code> 设置表头的单元格和行样式</p>\n<h3>设置表头单元格样式。</h3>\n',
+          '<p>通过 <code>header-cell-class-name</code> 和 <code>header-row-class-name</code> 设置表头的单元格和行样式。或者使用表格列的属性 <code>header-class-name</code> 设置表头单元格样式</p>',
         'en-US':
           '<p>Set the cell and row styles of the table header through <code>header-cell-class-name</code> and <code>header-row-class-name</code></p>\n<h3>Set the cell style of the table header</h3>\n'
       },
@@ -28,7 +28,7 @@ export default {
       'name': { 'zh-CN': '自定义表尾样式', 'en-US': 'Table tail style (customized table tail row style)' },
       'desc': {
         'zh-CN':
-          '<p>通过 <code>footer-cell-class-name</code> 和 <code>footer-row-class-name</code> 设置表尾的单元格和行样式。</p>\n',
+          '<p>通过 <code>footer-cell-class-name</code> 和 <code>footer-row-class-name</code> 设置表尾的单元格和行样式。或者使用表格列的属性 <code>footer-class-name</code> 设置表尾单元格样式</p>\n',
         'en-US':
           '<p>Use <code>footer-cell-class-name</code> and <code>footer-row-class-name</code> to set the cell and row styles at the end of the table</p>\n'
       },
@@ -44,5 +44,5 @@ export default {
       'codeFiles': ['custom-style/class-name.vue']
     }
   ],
-  apis: [{ 'name': 'grid-custom-style', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-custom-style', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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>grid-column</code> 标签上配置 <code>resizable=&quot;false&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'
       },
@@ -171,5 +171,5 @@ export default {
       'codeFiles': ['custom/reset-method.vue']
     }
   ],
-  apis: [{ 'name': 'grid-custom', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-custom', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -64,5 +64,5 @@ export default {
       'codeFiles': ['data-source/defslot-protochain-fetch.vue']
     }
   ],
-  apis: [{ 'name': 'grid-data-source', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-data-source', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -36,5 +36,5 @@ export default {
       'codeFiles': ['drag/column-drag.vue']
     }
   ],
-  apis: [{ 'name': 'grid-drag', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-drag', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -29,5 +29,5 @@ export default {
       'codeFiles': ['dynamically-columns/reverse-row.vue']
     }
   ],
-  apis: [{ 'name': 'grid-dynamically-columns', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-dynamically-columns', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -91,5 +91,5 @@ export default {
       'codeFiles': ['edit/trigger-mode-for-editing.vue']
     }
   ],
-  apis: [{ 'name': 'grid-edit', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-edit', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -75,5 +75,5 @@ export default {
       'codeFiles': ['editor/custom-edit.vue']
     }
   ],
-  apis: [{ 'name': 'grid-editor', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-editor', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -31,5 +31,5 @@ export default {
       'codeFiles': ['empty/empty-data-iscenter.vue']
     }
   ],
-  apis: [{ 'name': 'grid-empty', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-empty', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -206,5 +206,5 @@ export default {
       'codeFiles': ['event/get-row-method.vue']
     }
   ],
-  apis: [{ 'name': 'grid-event', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-event', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -53,5 +53,5 @@ export default {
       'codeFiles': ['expand/set-row-expansion.vue']
     }
   ],
-  apis: [{ 'name': 'grid-expand', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-expand', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -40,5 +40,5 @@ export default {
       'codeFiles': ['faq/many-poppover.vue']
     }
   ],
-  apis: [{ 'name': 'grid-faq', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-faq', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -108,5 +108,5 @@ export default {
       'codeFiles': ['filter/default-relation.vue']
     }
   ],
-  apis: [{ 'name': 'grid-filter', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-filter', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -36,5 +36,5 @@ export default {
       'codeFiles': ['fixed/multi-column-fixed.vue']
     }
   ],
-  apis: [{ 'name': 'grid-fixed', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-fixed', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -32,5 +32,5 @@ export default {
       'codeFiles': ['footer/footer-row-or-column-span.vue']
     }
   ],
-  apis: [{ 'name': 'grid-footer', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-footer', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -43,5 +43,5 @@ export default {
       'codeFiles': ['header/slot-header.vue']
     }
   ],
-  apis: [{ 'name': 'grid-header', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-header', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -65,5 +65,5 @@ export default {
       'codeFiles': ['highlight/highlight-cell.vue']
     }
   ],
-  apis: [{ 'name': 'grid-highlight', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-highlight', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -9,5 +9,5 @@ export default {
       'codeFiles': ['import-export/export-excel.vue']
     }
   ],
-  apis: [{ 'name': 'grid-import-export', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-import-export', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -29,7 +29,8 @@ export default {
       'name': { 'zh-CN': '树表虚拟滚动', 'en-US': 'Virtual scrolling of the tree table' },
       'desc': {
         'zh-CN': `
-        <table class="table">
+        <p> <code>optimization</code> 虚拟滚动具体配置如下：</p>
+        <table class="api-table">
           <thead>
             <tr>
               <th>名称</th> 
@@ -116,5 +117,5 @@ export default {
       'codeFiles': ['large-data/scroll-to.vue']
     }
   ],
-  apis: [{ 'name': 'grid-large-data', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-large-data', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -23,5 +23,5 @@ export default {
       'codeFiles': ['loading/grid-loading-tip.vue']
     }
   ],
-  apis: [{ 'name': 'grid-loading', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-loading', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

package/demos/pc/app/grid/webdoc/grid-mouse-keyboard.js

@@ -51,5 +51,5 @@ export default {
       'codeFiles': ['mouse-keyboard/mouse-config.vue']
     }
   ],
-  apis: [{ 'name': 'grid-mouse-keyboard', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-mouse-keyboard', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

package/demos/pc/app/grid/webdoc/grid-operation-column.js

@@ -93,5 +93,5 @@ export default {
       'codeFiles': ['operation-column/header-select-disabled.vue']
     }
   ],
-  apis: [{ 'name': 'grid-operation-column', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-operation-column', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -32,5 +32,5 @@ export default {
       'codeFiles': ['pager/show-save-msg.vue']
     }
   ],
-  apis: [{ 'name': 'grid-pager', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-pager', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -56,5 +56,5 @@ export default {
       'codeFiles': ['renderer/async-colunm-render.vue']
     }
   ],
-  apis: [{ 'name': 'grid-renderer', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-renderer', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

package/demos/pc/app/grid/webdoc/grid-row-grouping.js

@@ -24,5 +24,5 @@ export default {
       'codeFiles': ['row-grouping/row-group-render.vue']
     }
   ],
-  apis: [{ 'name': 'grid-row-grouping', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-row-grouping', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

package/demos/pc/app/grid/webdoc/grid-serial-column.js

@@ -35,5 +35,5 @@ export default {
       'codeFiles': ['serial-column/start-index.vue']
     }
   ],
-  apis: [{ 'name': 'grid-serial-column', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-serial-column', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -112,5 +112,5 @@ export default {
       'codeFiles': ['size/grid-size.vue']
     }
   ],
-  apis: [{ 'name': 'grid-size', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-size', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -36,5 +36,5 @@ export default {
       'codeFiles': ['slot/header-slot.vue']
     }
   ],
-  apis: [{ 'name': 'grid-slot', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-slot', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -57,5 +57,5 @@ export default {
       'codeFiles': ['sort/server-sort.vue']
     }
   ],
-  apis: [{ 'name': 'grid-sort', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-sort', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -34,5 +34,5 @@ export default {
       'codeFiles': ['span/column-span.vue']
     }
   ],
-  apis: [{ 'name': 'grid-span', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-span', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -51,5 +51,5 @@ export default {
       'codeFiles': ['tip/cell-tip-config.vue']
     }
   ],
-  apis: [{ 'name': 'grid-tip', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-tip', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -128,5 +128,5 @@ export default {
       'codeFiles': ['toolbar/toolbar-op-config.vue']
     }
   ],
-  apis: [{ 'name': 'grid-toolbar', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-toolbar', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

package/demos/pc/app/grid/webdoc/grid-tree-table.js

@@ -126,5 +126,5 @@ export default {
       'codeFiles': ['tree-table/tree-grid-keyboard-operation.vue']
     }
   ],
-  apis: [{ 'name': 'grid-tree-table', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-tree-table', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -117,5 +117,5 @@ export default {
       'codeFiles': ['validation/asterisk-method.vue']
     }
   ],
-  apis: [{ 'name': 'grid-validation', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
+  apis: [{ 'name': 'grid-validation', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
 }

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

@@ -68,7 +68,7 @@ export default {
             'en-US':
               'The row group attribute can be configured. Columns with the same value are displayed in a row group.'
           },
-          'demoId': 'grid-row-grouping#row-grouping'
+          'demoId': 'grid-row-grouping#row-grouping-row-grouping'
         },
         {
           'name': 'toolbar',
@@ -81,7 +81,7 @@ export default {
         {
           'name': 'align',
           'type': `'left' | 'center' | 'right'`,
-          'defaultValue': 'left',
+          'defaultValue': `'left'`,
           'desc': {
             'zh-CN': '所有的列对齐方式;该属性的可选值为 left（左对齐）, center（居中对齐）, right（右对齐）',
             'en-US':
@@ -202,7 +202,7 @@ export default {
         {
           'name': 'footer-align',
           'type': `'left' | 'center' | 'right'`,
-          'defaultValue': '继承 align',
+          'defaultValue': `'left'`,
           'desc': {
             'zh-CN': '所有的表尾列的对齐方式;该属性的可选值为 left（左对齐）, center（居中对齐）, right（右对齐）',
             'en-US':
@@ -265,8 +265,8 @@ export default {
         },
         {
           'name': 'header-align',
-          'type': 'string',
-          'defaultValue': '继承 align',
+          'type': `'left' | 'center' | 'right'`,
+          'defaultValue': `'left'`,
           'desc': {
             'zh-CN': '所有的表头列的对齐方式;该属性的可选值为 left（左对齐）, center（居中对齐）, right（右对齐）',
             'en-US':
@@ -376,7 +376,7 @@ export default {
           'type': 'VueComponent',
           'defaultValue': '--',
           'desc': { 'zh-CN': '自定义表格loading', 'en-US': 'Whether the table is being loaded.' },
-          'demoId': 'grid-loading#grid-custom-loading'
+          'demoId': 'grid-loading#loading-grid-custom-loading'
         },
         {
           'name': 'max-height',
@@ -456,7 +456,7 @@ export default {
         {
           'name': 'row-id',
           'type': 'string',
-          'defaultValue': '_RID',
+          'defaultValue': `'_RID'`,
           'desc': {
             'zh-CN': '自定义行数据唯一主键的字段名（行数据必须要有唯一主键，默认自动生成）',
             'en-US':
@@ -485,7 +485,7 @@ export default {
         {
           'name': 'show-header',
           'type': 'boolean',
-          'defaultValue': 'false',
+          'defaultValue': 'true',
           'desc': { 'zh-CN': '是否显示表头', 'en-US': 'Whether to display the table header' },
           'demoId': 'grid-header#header-hide-grid-header'
         },
@@ -550,7 +550,7 @@ export default {
           'name': 'span-method',
           'type': '(args: ISpanMethodArgs) => { rowspan: number, colspan: number }',
           'typeAnchorName': 'ISpanMethodArgs',
-          'defaultValue': '{ rowspan: 1, colspan: 1}',
+          'defaultValue': '{ rowspan: 1, colspan: 1 }',
           'desc': {
             'zh-CN': '合并行或列，该函数返回计算后的值',
             'en-US': 'Consolidate rows or columns. This function returns the calculated value.'
@@ -855,10 +855,10 @@ export default {
             'zh-CN': '用于单选行，手动清空用户的选择',
             'en-US': 'This is used to select a single row. Manually clear the user selection.'
           },
-          'demoId': 'grid-operation-column#operation-column-default-serial-column'
+          'demoId': 'grid-operation-column#operation-column-clear-and-set-radio-row'
         },
         {
-          'name': 'clearRowExpand()',
+          'name': 'clearRowExpand',
           'type': '()=> void',
           'defaultValue': '--',
           'desc': {
@@ -1021,7 +1021,7 @@ export default {
             'zh-CN': '获取表格的可视列，也可以指定索引获取列',
             'en-US': 'Obtains the visual column of the table or specifies the index to obtain the column.'
           },
-          'demoId': 'grid-dynamically-columns#dynamically-columns-columns-dynamic'
+          'demoId': 'grid-custom#custom-server-storage'
         },
         {
           'name': 'getCurrentRow',
@@ -1219,7 +1219,7 @@ export default {
             'en-US':
               'Inserts one or more rows into a table. Second parameter: row specified position (tree tables are not supported), null inserted from the first row, and –1 inserted from the last row'
           },
-          'demoId': 'grid-toolbar#toolbar-insert-delete-update'
+          'demoId': 'grid-toolbar#toolbar-insert-remove-rows'
         },
         {
           'name': 'loadColumn',
@@ -1275,7 +1275,7 @@ export default {
             'en-US':
               'Data data is refreshed synchronously. If this method is used, the component does not record the status of adding, deleting, and modifying, and can only implement the corresponding logic. (This parameter may be used in some special scenarios, for example, when a node element in a deep tree changes.)'
           },
-          'demoId': 'grid-tree-grid#tree-table-tree-grid-insert-delete-update'
+          'demoId': 'grid-tree-table#tree-table-tree-grid-insert-delete-update'
         },
         {
           'name': 'reloadCustoms',
@@ -1423,14 +1423,14 @@ export default {
           'demoId': 'grid-tree-table#tree-table-set-tree-expansion'
         },
         {
-          'name': 'setCurrentRow(row)',
+          'name': 'setCurrentRow',
           'type': '(row: IRow)=> Promise',
           'defaultValue': '--',
           'desc': {
             'zh-CN': '用于当前行，设置某一行为高亮状态',
             'en-US': 'Sets the highlight status of a row for the current row.'
           },
-          'demoId': 'grid-highlight#highlight-highlight-hover-row'
+          'demoId': 'grid-highlight#highlight-set-current-row'
         },
         {
           'name': 'setRadioRow',
@@ -1525,7 +1525,7 @@ export default {
             'zh-CN': '用于可树形表格，切换展开树形节点',
             'en-US': 'This parameter is used to switch and expand tree nodes in a tree table.'
           },
-          'demoId': 'grid-expand#expand-set-row-expansion'
+          'demoId': 'grid-expand#expand-set-tree-expansion'
         },
         {
           'name': 'validate',
@@ -1574,7 +1574,7 @@ export default {
             'en-US':
               'This event is valid only when toolbar.buttons are configured. This event is triggered when a toolbar button is clicked'
           },
-          'demoId': 'grid-toolbar#toolbar-insert-delete-update'
+          'demoId': 'grid-event#event-toolbar-button-click-event'
         },
         {
           'name': 'cell-click',
@@ -1585,7 +1585,7 @@ export default {
             'zh-CN': '单元格被点击时会触发该事件',
             'en-US': 'This event is triggered when a cell is clicked'
           },
-          'demoId': 'grid-event#event-cell-click-event'
+          'demoId': 'grid-event#event-click-event'
         },
         {
           'name': 'cancel-page-change',
@@ -1618,7 +1618,7 @@ export default {
             'zh-CN': '单元格被双击时会触发该事件',
             'en-US': 'This event is triggered when a cell is double-clicked'
           },
-          'demoId': 'grid-event#event-cell-click-event'
+          'demoId': 'grid-event#event-click-event'
         },
         {
           'name': 'cell-mouseenter',
@@ -1675,7 +1675,7 @@ export default {
             'zh-CN': '单元格被激活编辑时会触发该事件',
             'en-US': 'This event is triggered when a cell is activated for editing'
           },
-          'demoId': 'grid-event#event-edit-actived-event'
+          'demoId': 'grid-event#event-edit-event'
         },
         {
           'name': 'edit-closed',
@@ -1686,7 +1686,7 @@ export default {
             'zh-CN': '单元格编辑状态下被关闭时会触发该事件',
             'en-US': 'This event is triggered when a cell is closed in the editing state'
           },
-          'demoId': 'grid-event#event-edit-actived-event'
+          'demoId': 'grid-event#event-edit-event'
         },
         {
           'name': 'edit-disabled',
@@ -1697,7 +1697,7 @@ export default {
             'zh-CN': '当单元格激活时如果是禁用状态时会触发该事件',
             'en-US': 'This event is triggered when a cell is activated and is disabled'
           },
-          'demoId': 'grid-event#event-edit-actived-event'
+          'demoId': 'grid-event#event-edit-event'
         },
         {
           'name': 'filter-change',
@@ -1940,7 +1940,7 @@ export default {
         {
           'name': 'footer-align',
           'type': `'left' | 'center' | 'right'`,
-          'defaultValue': '继承 align > 继承 table 的 footer-align',
+          'defaultValue': `'left'`,
           'desc': {
             'zh-CN': '表尾列的对齐方式;该属性的可选值为 left（左对其）, center（居中对其）, right（右对齐）',
             'en-US':
@@ -1962,7 +1962,7 @@ export default {
         {
           'name': 'header-align',
           'type': "'left' | 'center' | 'right'",
-          'defaultValue': '继承 align > 继承 table 的 header-align',
+          'defaultValue': `'left'`,
           'desc': {
             'zh-CN': '表头列的对齐方式;该属性的可选值为 left（左对其）, center（居中对其）, right（右对齐）',
             'en-US':
@@ -2331,7 +2331,7 @@ export default {
             'zh-CN': '列宽拖动配置（需要设置 id）',
             'en-US': 'Column width dragging configuration (id needs to be set)'
           },
-          'demoId': 'grid-customized#custom-column-width'
+          'demoId': 'grid-custom#custom-column-width'
         },
         {
           'name': 'setting',
@@ -2415,7 +2415,7 @@ export default {
             'zh-CN': '当工具栏的按钮被点击时会后触发该事件',
             'en-US': 'This event is triggered when a button on the toolbar is clicked'
           },
-          'demoId': 'grid-event#event-toolbar-button-click-event'
+          'demoId': 'grid-validation#validation-before-submit-validation'
         },
         {
           'name': 'save-setting',
@@ -2450,16 +2450,6 @@ export default {
             'en-US': 'Click the Reset button on the personalized panel to trigger the event.'
           },
           'demoId': 'grid-custom#custom-ordercolumn-local'
-        },
-        {
-          'name': 'on-before-move',
-          'type': `(type: 'column' | 'row', row: IRow)=> boolean`,
-          'defaultValue': '--',
-          'desc': {
-            'zh-CN': '个性化面板拖拽前事件',
-            'en-US': 'event before the personalized panel is dragged'
-          },
-          'demoId': 'grid-custom#custom-prsonalized-drag'
         }
       ]
     }

package/demos/pc/app/hrapprover/webdoc/hrapprover.js

@@ -45,7 +45,7 @@ export default {
     {
       'name': 'hrapprover',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'value',
           'type': 'string ',