@opentiny/vue-docs 2.2.6 → 2.2.7

package/demos/pc/app/grid/custom-style/header-style.vue

@@ -1,7 +1,7 @@
 <template>
-  <div>
+  <div class="header-style">
     <h4 class="title">自定义表头行样式：</h4>
-    <tiny-grid class="grid-header-row-style" :data="tableData" :header-row-class-name="headerRowClassName">
+    <tiny-grid :data="tableData" :header-row-class-name="headerRowClassName">
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
       <tiny-grid-column type="selection" width="60"></tiny-grid-column>
       <tiny-grid-column field="name" title="公司名称"></tiny-grid-column>
@@ -10,12 +10,12 @@
       <tiny-grid-column field="city" title="城市"></tiny-grid-column>
     </tiny-grid>
     <h4 class="title">自定义表头单元格样式：</h4>
-    <tiny-grid class="grid-header-cell-style" :data="tableData" :header-cell-class-name="headerCellClassName">
+    <tiny-grid :data="tableData" :header-cell-class-name="headerCellClassName">
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
       <tiny-grid-column type="selection" width="60"></tiny-grid-column>
       <tiny-grid-column field="name" title="公司名称"></tiny-grid-column>
       <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
-      <tiny-grid-column field="createdDate" title="创建日期"></tiny-grid-column>
+      <tiny-grid-column field="createdDate" :header-class-name="headerClassName" title="创建日期"></tiny-grid-column>
       <tiny-grid-column field="city" title="城市"></tiny-grid-column>
     </tiny-grid>
   </div>
@@ -101,21 +101,14 @@ export default {
       if (column.property === 'name') {
         return 'header__cell--blue'
       }
+    },
+    headerClassName() {
+      return 'header-blue'
     }
   }
 }
 </script>
 
-<style>
-.grid-header-row-style .tiny-grid-header__row.header__row--red {
-  background-color: palevioletred;
-}
-.grid-header-cell-style .tiny-grid-header__column.header__cell--blue {
-  background-color: #2db7f5;
-  color: #fff;
-}
-</style>
-
 <style scoped>
 .title {
   font-size: 16px;
@@ -123,4 +116,15 @@ export default {
   font-weight: bolder;
   color: #444;
 }
+.header-style :deep(.tiny-grid-header__row.header__row--red) {
+  background-color: palevioletred;
+}
+.header-style :deep(.tiny-grid-header__column.header__cell--blue) {
+  background-color: #2db7f5;
+  color: #fff;
+}
+.header-style :deep(.header-blue) {
+  background-color: #2db7f5;
+  color: #fff;
+}
 </style>

package/demos/pc/app/grid/edit/trigger-mode-hm-editing-composition-api.vue

@@ -5,7 +5,7 @@
       ref="theGridRef"
       :data="tableData"
       seq-serial
-      :edit-config="{ trigger: 'manual', mode: 'row', autoClear: false }"
+      :edit-config="{ trigger: 'manual', mode: 'cell', autoClear: false }"
     >
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
       <tiny-grid-column field="name" title="名称" :editor="{ component: 'input', autoselect: true }"></tiny-grid-column>
@@ -93,9 +93,17 @@ const tableData = ref([
 const theGridRef = ref('theGridRef')
 
 function editRowEvent(row) {
-  theGridRef.value.setActiveRow(row).then(() => {
-    getActiveRow()
-  })
+  if (row.name === 'RFV有限责任公司') {
+    // 只激活区域单元格编辑
+    theGridRef.value.setActiveCell(row, 'area').then(() => {
+      this.getActiveRow()
+    })
+  } else {
+    // mode: 'cell' 时默认激活第一个单元格
+    theGridRef.value.setActiveRow(row).then(() => {
+      this.getActiveRow()
+    })
+  }
 }
 
 function saveRowEvent() {

package/demos/pc/app/grid/edit/trigger-mode-hm-editing.spec.js

@@ -11,5 +11,10 @@ test('手动触发编辑', async ({ page }) => {
     })
     .getByRole('button', { name: '编辑' })
     .click()
-  await expect(page.getByRole('row', { name: '1 保存 取消' }).locator('input[type="text"]')).toBeVisible()
+  await expect(
+    page.getByRole('row', { name: '1 华东区 福州 公司技术和研发实力雄厚，是国家863' }).getByRole('textbox')
+  ).toBeVisible()
+
+  await page.getByRole('row', { name: '3 RFV' }).getByRole('button').click()
+  await expect(page.getByRole('combobox')).toBeVisible()
 })

package/demos/pc/app/grid/edit/trigger-mode-hm-editing.vue

@@ -5,7 +5,7 @@
       ref="theGrid"
       :data="tableData"
       seq-serial
-      :edit-config="{ trigger: 'manual', mode: 'row', autoClear: false }"
+      :edit-config="{ trigger: 'manual', mode: 'cell', autoClear: false }"
     >
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
       <tiny-grid-column field="name" title="名称" :editor="{ component: 'input', autoselect: true }"></tiny-grid-column>
@@ -101,9 +101,17 @@ export default {
   },
   methods: {
     editRowEvent(row) {
-      this.$refs.theGrid.setActiveRow(row).then(() => {
-        this.getActiveRow()
-      })
+      if (row.name === 'RFV有限责任公司') {
+        // 只激活区域单元格编辑
+        this.$refs.theGrid.setActiveCell(row, 'area').then(() => {
+          this.getActiveRow()
+        })
+      } else {
+        // mode: 'cell' 时默认激活第一个单元格
+        this.$refs.theGrid.setActiveRow(row).then(() => {
+          this.getActiveRow()
+        })
+      }
     },
     saveRowEvent() {
       this.$refs.theGrid.clearActived().then(() => {

package/demos/pc/app/grid/highlight/highlight-hover-row-composition-api.vue

@@ -1,5 +1,5 @@
 <template>
-  <tiny-grid :data="tableData">
+  <tiny-grid highlight-hover-row :data="tableData">
     <tiny-grid-column type="index" width="60"></tiny-grid-column>
     <tiny-grid-column type="selection" width="60"></tiny-grid-column>
     <tiny-grid-column field="name" title="公司名称"></tiny-grid-column>

package/demos/pc/app/grid/highlight/highlight-hover-row.vue

@@ -1,5 +1,5 @@
 <template>
-  <tiny-grid :data="tableData">
+  <tiny-grid highlight-hover-row :data="tableData">
     <tiny-grid-column type="index" width="60"></tiny-grid-column>
     <tiny-grid-column type="selection" width="60"></tiny-grid-column>
     <tiny-grid-column field="name" title="公司名称"></tiny-grid-column>

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

@@ -62,6 +62,10 @@ const toolbarButtons = ref([
   {
     code: 'savePromise',
     name: '保存（Promise）'
+  },
+  {
+    code: 'fullValidate',
+    name: '全量数据校验'
   }
 ])
 const tableData = ref([
@@ -183,6 +187,19 @@ function toolbarButtonClickEvent({ code }) {
         })
       break
     }
+    case 'fullValidate': {
+      basicGridRef.value
+        .fullValidate()
+        .then(() => {
+          TinyModal.alert('校验成功，触发了then！')
+        })
+        .catch((error) => {
+          // eslint-disable-next-line no-console
+          console.log(error)
+          TinyModal.alert('校验不通过，触发了catch')
+        })
+      break
+    }
   }
 }
 </script>

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': [] }]
 }