@opentinyvue/vue-docs 3.22.0 → 3.22.2

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

@@ -3,7 +3,7 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'empty-empty-data-tip',
+      demoId: 'empty-empty-data-tip',
       'name': { 'zh-CN': '自定义提示', 'en-US': 'Custom Prompt' },
       'desc': {
         'zh-CN':
@@ -11,19 +11,19 @@ export default {
         'en-US':
           '<p>When the data is empty, the <code> icon + text </code> prompt is displayed by default. You can also set the slot <code>v-slot:empty</code> or the <code>render-empty</code> attribute to define the prompt content. </p>\n'
       },
-      'codeFiles': ['empty/empty-data-tip.vue']
+      codeFiles: ['empty/empty-data-tip.vue']
     },
     {
-      'demoId': 'empty-empty-data-default-tip',
+      demoId: 'empty-empty-data-default-tip',
       'name': { 'zh-CN': '默认提示', 'en-US': 'Default Prompt' },
       'desc': {
         'zh-CN': '默认情况下就展示表格组件的默认提示图标和文字。',
         'en-US': 'For details, see the following example.'
       },
-      'codeFiles': ['empty/empty-data-default-tip.vue']
+      codeFiles: ['empty/empty-data-default-tip.vue']
     },
     {
-      'demoId': 'empty-empty-data-iscenter',
+      demoId: 'empty-empty-data-iscenter',
       'name': { 'zh-CN': '固定居中', 'en-US': 'Fix Center' },
       'desc': {
         'zh-CN':
@@ -31,7 +31,7 @@ export default {
         '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'
       },
-      'codeFiles': ['empty/empty-data-iscenter.vue']
+      codeFiles: ['empty/empty-data-iscenter.vue']
     }
   ],
   apis: [{ 'name': 'grid-empty', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]

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

@@ -3,7 +3,7 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'event-click-event',
+      demoId: 'event-click-event',
       'name': { 'zh-CN': '点击事件', 'en-US': 'Table header click event' },
       'desc': {
         'zh-CN': `
@@ -18,10 +18,10 @@ export default {
         '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'
       },
-      'codeFiles': ['event/click-event.vue']
+      codeFiles: ['event/click-event.vue']
     },
     {
-      'demoId': 'event-context-menu-event',
+      demoId: 'event-context-menu-event',
       'name': { 'zh-CN': '右键相关事件', 'en-US': 'Event of right-clicking a cell at the end of the table' },
       'desc': {
         'zh-CN': `
@@ -32,10 +32,10 @@ export default {
         'en-US':
           '<p>On the <code>grid</code> tab, configure the <code>footer-cell-context-menu</code> event of right-clicking a cell at the end of the table. Configure <code>footer-cell-click</code> to trigger the event of clicking a cell at the end of the table. </p>\n'
       },
-      'codeFiles': ['event/context-menu-event.vue']
+      codeFiles: ['event/context-menu-event.vue']
     },
     {
-      'demoId': 'event-cell-mouse-event',
+      demoId: 'event-cell-mouse-event',
       'name': { 'zh-CN': '鼠标进入离开单元格事件', 'en-US': 'Indicates that the mouse moves to a cell.' },
       'desc': {
         'zh-CN': `
@@ -46,10 +46,10 @@ export default {
         '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'
       },
-      'codeFiles': ['event/cell-mouse-event.vue']
+      codeFiles: ['event/cell-mouse-event.vue']
     },
     {
-      'demoId': 'event-edit-event',
+      demoId: 'event-edit-event',
       'name': {
         'zh-CN': '单元格编辑相关事件',
         'en-US': 'This event is triggered when a cell is activated for editing.'
@@ -64,20 +64,20 @@ export default {
         'en-US':
           '<p>This event is triggered when you configure <code>edit-actived</code> on the <code>grid</code> tag.</p>\n'
       },
-      'codeFiles': ['event/edit-event.vue']
+      codeFiles: ['event/edit-event.vue']
     },
     {
-      'demoId': 'event-grid-scroll-event',
+      demoId: 'event-grid-scroll-event',
       'name': { 'zh-CN': '表格滚动事件', 'en-US': 'Event' },
       'desc': {
         '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'
       },
-      'codeFiles': ['event/grid-scroll-event.vue']
+      codeFiles: ['event/grid-scroll-event.vue']
     },
     {
-      'demoId': 'event-current-change-event',
+      demoId: 'event-current-change-event',
       'name': { 'zh-CN': '行选中事件', 'en-US': 'Row Selection Event' },
       'desc': {
         'zh-CN':
@@ -85,10 +85,10 @@ export default {
         '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'
       },
-      'codeFiles': ['event/current-change-event.vue']
+      codeFiles: ['event/current-change-event.vue']
     },
     {
-      'demoId': 'event-radio-change-event',
+      demoId: 'event-radio-change-event',
       'name': { 'zh-CN': '单选行选中事件', 'en-US': 'Line Selection Event' },
       'desc': {
         'zh-CN':
@@ -96,10 +96,10 @@ export default {
         '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'
       },
-      'codeFiles': ['event/radio-change-event.vue']
+      codeFiles: ['event/radio-change-event.vue']
     },
     {
-      'demoId': 'event-select-event',
+      demoId: 'event-select-event',
       'name': { 'zh-CN': '多选行选中事件', 'en-US': 'Line Selection Event' },
       'desc': {
         'zh-CN': `
@@ -110,20 +110,20 @@ export default {
         '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'
       },
-      'codeFiles': ['event/select-event.vue']
+      codeFiles: ['event/select-event.vue']
     },
     {
-      'demoId': 'event-page-change-event',
+      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',
         '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'
       },
-      'codeFiles': ['event/page-change-event.vue']
+      codeFiles: ['event/page-change-event.vue']
     },
     {
-      'demoId': 'event-page-before-change-event',
+      demoId: 'event-page-before-change-event',
       'name': { 'zh-CN': '分页发生改变前的事件', 'en-US': 'Event before pagination changes' },
       'desc': {
         'zh-CN':
@@ -131,20 +131,20 @@ export default {
         'en-US':
           '<p>You can configure <code>is-before-page-change</code> on the <code>grid</code> tab to determine whether to enable the pre-processing feature when the page changes. When the value is set to <code>true</code>, the page turning operation or page size change operation does not take effect immediately and is left to the user to process the service logic. Then, the reserved <code>callback</code> or <code>rollback</code> is invoked to make it take effect or invalid. The <code>before-page-change</code> event is triggered when the page turning operation or page size change operation is performed, and then whether to jump to the page is controlled. </p>\n'
       },
-      'codeFiles': ['event/page-before-change-event.vue']
+      codeFiles: ['event/page-before-change-event.vue']
     },
     {
-      'demoId': 'event-resizable-change-event',
+      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',
         'en-US':
           '<p>Configure <code>resizable-change</code> on the <code>grid</code> tag to listen to column width change events</p>\n'
       },
-      'codeFiles': ['event/resizable-change-event.vue']
+      codeFiles: ['event/resizable-change-event.vue']
     },
     {
-      'demoId': 'event-toggle-expand-change-event',
+      demoId: 'event-toggle-expand-change-event',
       'name': { 'zh-CN': '行展开收起事件', 'en-US': 'Line expansion and collapse event' },
       'desc': {
         'zh-CN':
@@ -152,10 +152,10 @@ export default {
         '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'
       },
-      'codeFiles': ['event/toggle-expand-change-event.vue']
+      codeFiles: ['event/toggle-expand-change-event.vue']
     },
     {
-      'demoId': 'event-toggle-tree-change-event',
+      demoId: 'event-toggle-tree-change-event',
       'name': { 'zh-CN': '树节点展开收起事件', 'en-US': 'Tree Node Expansion and Collapse Event' },
       'desc': {
         'zh-CN':
@@ -163,39 +163,39 @@ export default {
         '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'
       },
-      'codeFiles': ['event/toggle-tree-change-event.vue']
+      codeFiles: ['event/toggle-tree-change-event.vue']
     },
     {
-      'demoId': 'event-toolbar-button-click-event',
+      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',
         'en-US':
           '<p>Configure <code>resizable-change</code> on the <code>grid</code> tab to listen to toolbar click events</p>\n'
       },
-      'codeFiles': ['event/toolbar-button-click-event.vue']
+      codeFiles: ['event/toolbar-button-click-event.vue']
     },
     {
-      'demoId': 'event-valid-error-event',
+      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',
         'en-US':
           '<p>Configure <code>valid-error</code> on the <code>grid</code> tag to listen to verification failure events</p>\n'
       },
-      'codeFiles': ['event/valid-error-event.vue']
+      codeFiles: ['event/valid-error-event.vue']
     },
     {
-      'demoId': 'event-grid-events',
+      demoId: 'event-grid-events',
       'name': { 'zh-CN': '事件对象', 'en-US': 'Event object' },
       'desc': {
         'zh-CN': '<p>表格属性 <code>envents</code> 设置表格的事件对象。\n</p>\n',
         'en-US': '<p>Table Properties<code>envents</code>Sets the event object of the table. \n</p>\n'
       },
-      'codeFiles': ['event/grid-events.vue']
+      codeFiles: ['event/grid-events.vue']
     },
     {
-      'demoId': 'event-get-row-method',
+      demoId: 'event-get-row-method',
       'name': { 'zh-CN': '获取表格行方法', 'en-US': 'Obtain table row method' },
       'desc': {
         'zh-CN':
@@ -203,7 +203,7 @@ export default {
         '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'
       },
-      'codeFiles': ['event/get-row-method.vue']
+      codeFiles: ['event/get-row-method.vue']
     }
   ],
   apis: [{ 'name': 'grid-event', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]

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

@@ -3,7 +3,7 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'expand-has-row-expand',
+      demoId: 'expand-has-row-expand',
       'name': { 'zh-CN': '展开行', 'en-US': 'Check whether the row is expanded.' },
       'desc': {
         'zh-CN': `
@@ -13,10 +13,10 @@ export default {
         'en-US':
           '<p>You can invoke the <code>hasRowExpand(row)</code> method to check whether a row is expanded. The row parameter is the row data object. </p>\n'
       },
-      'codeFiles': ['expand/has-row-expand.vue']
+      codeFiles: ['expand/has-row-expand.vue']
     },
     {
-      'demoId': 'expand-expand-config',
+      demoId: 'expand-expand-config',
       'name': { 'zh-CN': '展开行配置项', 'en-US': 'Basic Usage' },
       'desc': {
         'zh-CN': `
@@ -26,20 +26,20 @@ export default {
         `,
         'en-US': '<p>Table property<code>expand-config</code>Set the configuration item of the expanded line. </p>\n'
       },
-      'codeFiles': ['expand/expand-config.vue']
+      codeFiles: ['expand/expand-config.vue']
     },
     {
-      'demoId': 'expand-nested-grid',
+      demoId: 'expand-nested-grid',
       'name': { 'zh-CN': '嵌套表格', 'en-US': 'Nested Table' },
       'desc': {
         'zh-CN': '<p>通过在默认插槽 <code>default</code>中使用表格组件，实现嵌套表格功能。</p>\n',
         'en-US':
           '<p>Implements the nested table function by using the table component in the default slot <code>default</code>. </p>\n'
       },
-      'codeFiles': ['expand/nested-grid.vue']
+      codeFiles: ['expand/nested-grid.vue']
     },
     {
-      'demoId': 'expand-set-row-expansion',
+      demoId: 'expand-set-row-expansion',
       'name': { 'zh-CN': '展开行手动操作', 'en-US': 'Set to expand a specified line' },
       'desc': {
         'zh-CN': `
@@ -50,7 +50,7 @@ export default {
         'en-US':
           '<p>You can invoke the <code>setRowExpansion(rows, checked)</code> method to expand a specified row. The second parameter specifies whether to expand a specified row. When expanding a specified row, you can invoke the clearRowExpand() method to close the expanded row. </p>\n'
       },
-      'codeFiles': ['expand/set-row-expansion.vue']
+      codeFiles: ['expand/set-row-expansion.vue']
     }
   ],
   apis: [{ 'name': 'grid-expand', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]

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

@@ -3,7 +3,7 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'faq-unbalanced',
+      demoId: 'faq-unbalanced',
       'name': { 'zh-CN': '表格列头与单元格错位', 'en-US': 'Table column headers and cells are misplaced' },
       'desc': {
         'zh-CN':
@@ -11,36 +11,36 @@ export default {
         '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'
       },
-      'codeFiles': ['faq/unbalanced.vue']
+      codeFiles: ['faq/unbalanced.vue']
     },
     {
-      'demoId': 'faq-grid-in-dialog-box',
+      demoId: 'faq-grid-in-dialog-box',
       'name': { 'zh-CN': '弹窗中的表格编辑器无法正常失焦', 'en-US': '' },
       'desc': {
         'zh-CN':
           '<p>当可以编辑的表格出现在 <code>DialogBox</code>弹出框中，编辑器无法正常失去焦点时需要配置 <code>blurOutside</code>。</p>\n',
         'en-US': ''
       },
-      'codeFiles': ['faq/grid-in-dialog-box.vue']
+      codeFiles: ['faq/grid-in-dialog-box.vue']
     },
     {
-      'demoId': 'faq-op-slot',
+      demoId: 'faq-op-slot',
       'name': { 'zh-CN': '配置式表格如何使用插槽', 'en-US': '' },
       'desc': { 'zh-CN': '<p>通过表格列属性的 <code>slots</code> 属性对象配置对应的插槽。</p>', 'en-US': '' },
-      'codeFiles': ['faq/op-slot.vue']
+      codeFiles: ['faq/op-slot.vue']
     },
     {
-      'demoId': 'faq-many-poppover',
+      demoId: 'faq-many-poppover',
       'name': { 'zh-CN': '列默认插槽中不建议使用 Tooltip 或 Poppover', 'en-US': '' },
       'desc': {
         'zh-CN':
           '<p>因为在表格渲染时，列的默认插槽会执行很多次，在数据量大的场景下，会因为创建大量 <code>Tooltip</code> 实例而产生性能问题，也有其他状态共享问题。所以建议使用表格内置 <code>Tooltip</code>，参考示例中城市字段，参考【Tip 提示】章节。</p>\n',
         'en-US': ''
       },
-      'codeFiles': ['faq/many-poppover.vue']
+      codeFiles: ['faq/many-poppover.vue']
     },
     {
-      'demoId': 'custom-column',
+      demoId: 'custom-column',
       'name': { 'zh-CN': '自定义列组件', 'en-US': 'Custom column' },
       'desc': {
         'zh-CN': `<p>
@@ -50,7 +50,7 @@ export default {
           </p>\n`,
         'en-US': ''
       },
-      'codeFiles': ['faq/custom-column.vue']
+      codeFiles: ['faq/custom-column.vue']
     }
   ],
   apis: [{ 'name': 'grid-faq', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]

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

@@ -3,7 +3,7 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'filter-default-filter',
+      demoId: 'filter-default-filter',
       'name': { 'zh-CN': '过滤', 'en-US': 'Filter' },
       'desc': {
         'zh-CN': `
@@ -25,29 +25,29 @@ export default {
         'en-US':
           '<div class="tip custom-block"><p class="custom-block-title">filter Configuration</p>\n<p>Customize filtering rules based on the scope slot of the customized <code>filter</code>.\nConfigurable items:\nMulti specifies whether to select multiple enumeration options. This parameter is valid only when enable:true is selected. \nenumable Sets the display of enumeration options in the filter panel. \ninputFilter Sets the display of the input filtered items in the filter panel. \ndefaultFilter Sets the default filter criteria to be displayed in the filter panel. \nvalues specifies the static data source under the display enumeration option function (enumable). \nlabel Sets the display value attribute field of enumerated data. The default value is label. \nvalue Sets the actual value attribute field of the enumerated data. The default value is\'value\'. </p>\n</div>\n'
       },
-      'codeFiles': ['filter/default-filter.vue']
+      codeFiles: ['filter/default-filter.vue']
     },
     {
-      'demoId': 'filter-dynamic-filter',
+      demoId: 'filter-dynamic-filter',
       'name': { 'zh-CN': '动态改变筛选项', 'en-US': 'Filter' },
       'desc': {
         'zh-CN': `<p>通过改变自定义的 <code>filter</code> 自定义筛选的规则中的 <code>values</code> 数组，或者将 <code>values</code> 定义成方法可以动态的返回筛选项。`,
         'en-US': ''
       },
-      'codeFiles': ['filter/dynamic-filter.vue']
+      codeFiles: ['filter/dynamic-filter.vue']
     },
     {
-      'demoId': 'filter-simple-filter',
+      demoId: 'filter-simple-filter',
       'name': { 'zh-CN': '简化版筛选 - 单选/多选菜单', 'en-US': 'Custom Parameter' },
       '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'
       },
-      'codeFiles': ['filter/simple-filter.vue']
+      codeFiles: ['filter/simple-filter.vue']
     },
     {
-      'demoId': 'filter-simple-date-filter',
+      demoId: 'filter-simple-date-filter',
       'name': { 'zh-CN': '简化版筛选 - 时间日期菜单', 'en-US': 'Advanced Filter Settings' },
       'desc': {
         'zh-CN':
@@ -55,39 +55,39 @@ export default {
         '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'
       },
-      'codeFiles': ['filter/simple-date-filter.vue']
+      codeFiles: ['filter/simple-date-filter.vue']
     },
     {
-      'demoId': 'filter-simple-default-value-filter',
+      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',
         'en-US': '<p>Set the column filtering rule through the <code>filter</code> attribute</p>\n'
       },
-      'codeFiles': ['filter/simple-default-value-filter.vue']
+      codeFiles: ['filter/simple-default-value-filter.vue']
     },
     {
-      'demoId': 'filter-advanced-filter',
+      demoId: 'filter-advanced-filter',
       'name': { 'zh-CN': '过滤高级设置', 'en-US': 'Custom Filter' },
       'desc': {
         'zh-CN':
           '<p>通过 <code>inputFilter</code> 可以给 <code>input</code> 过滤区域配置自定义组件与条件，通过 <code>extends</code> 可以增加快捷过滤列表。</p>',
         'en-US': '<p>Set additional parameters through the <code>params</code> attribute</p>\n'
       },
-      'codeFiles': ['filter/advanced-filter.vue']
+      codeFiles: ['filter/advanced-filter.vue']
     },
     {
-      'demoId': 'filter-custom-filter',
+      demoId: 'filter-custom-filter',
       'name': { 'zh-CN': '列筛选规则', 'en-US': 'Server Filter' },
       'desc': {
         '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'
       },
-      'codeFiles': ['filter/custom-filter.vue']
+      codeFiles: ['filter/custom-filter.vue']
     },
     {
-      'demoId': 'filter-server-filter',
+      demoId: 'filter-server-filter',
       'name': { 'zh-CN': '服务端过滤', 'en-US': 'Enter the default filtering options.' },
       'desc': {
         'zh-CN':
@@ -95,10 +95,10 @@ export default {
         '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'
       },
-      'codeFiles': ['filter/server-filter.vue']
+      codeFiles: ['filter/server-filter.vue']
     },
     {
-      'demoId': 'server-filter-default',
+      demoId: 'server-filter-default',
       'name': { 'zh-CN': '服务端过滤默认选中值', 'en-US': 'Server-side filtering default selected value' },
       'desc': {
         'zh-CN':
@@ -106,26 +106,26 @@ export default {
         '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'
       },
-      'codeFiles': ['filter/server-filter-default.vue']
+      codeFiles: ['filter/server-filter-default.vue']
     },
     {
-      'demoId': 'filter-default-relation',
+      demoId: 'filter-default-relation',
       'name': { 'zh-CN': '输入过滤的默认选项', 'en-US': '' },
       'desc': {
         'zh-CN':
           '<p>通过属性 <code>inputFilter.relation</code> 配置输入过滤的默认选项。\n输入过滤的内置选项：<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>；也可以配置自定义选项。\n配置自定义选项的同时要配置过滤方法，通过属性 <code>inputFilter.method</code> 配置。</p>\n',
         'en-US': ''
       },
-      'codeFiles': ['filter/default-relation.vue']
+      codeFiles: ['filter/default-relation.vue']
     },
     {
-      'demoId': 'filter-request-service-reload-filter',
+      demoId: 'filter-request-service-reload-filter',
       'name': { 'zh-CN': '重载数据时不清除过滤', 'en-US': '' },
       'desc': {
         'zh-CN': `<p>在调用 <code>handleFetch('reload')</code> 重载表格数据时，默认会清除表格筛选。配置 <code>fetchData.reloadConfig.filter</code> 为 <code>true</code> 可以在重载时保持表格筛选。</p>`,
         'en-US': ''
       },
-      'codeFiles': ['filter/request-service-reload-filter.vue']
+      codeFiles: ['filter/request-service-reload-filter.vue']
     }
   ],
   apis: [{ 'name': 'grid-filter', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]

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

@@ -3,7 +3,7 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'fixed-left-fixed',
+      demoId: 'fixed-left-fixed',
       'name': { 'zh-CN': '左冻结', 'en-US': 'Left Freeze' },
       'desc': {
         'zh-CN':
@@ -11,10 +11,10 @@ export default {
         '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'
       },
-      'codeFiles': ['fixed/left-fixed.vue']
+      codeFiles: ['fixed/left-fixed.vue']
     },
     {
-      'demoId': 'fixed-right-fixed',
+      demoId: 'fixed-right-fixed',
       'name': { 'zh-CN': '右冻结', 'en-US': 'Right Freeze' },
       'desc': {
         'zh-CN':
@@ -22,10 +22,10 @@ export default {
         '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'
       },
-      'codeFiles': ['fixed/right-fixed.vue']
+      codeFiles: ['fixed/right-fixed.vue']
     },
     {
-      'demoId': 'fixed-multi-column-fixed',
+      demoId: 'fixed-multi-column-fixed',
       'name': { 'zh-CN': '操作列冻结', 'en-US': 'Frozen Operation Column' },
       'desc': {
         'zh-CN':
@@ -33,10 +33,10 @@ export default {
         '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'
       },
-      'codeFiles': ['fixed/multi-column-fixed.vue']
+      codeFiles: ['fixed/multi-column-fixed.vue']
     },
     {
-      'demoId': 'group-header-fixed',
+      demoId: 'group-header-fixed',
       'name': { 'zh-CN': '分组表头冻结', 'en-US': 'Group header fixed' },
       'desc': {
         'zh-CN':
@@ -44,7 +44,7 @@ export default {
         'en-US':
           '<p><p>Set column freezing via the <code>fixed</code> attribute. When a frozen column is set for an item in the group header, other items in the group header will automatically become frozen columns. </p>\n'
       },
-      'codeFiles': ['fixed/group-header-fixed.vue']
+      codeFiles: ['fixed/group-header-fixed.vue']
     }
   ],
   apis: [{ 'name': 'grid-fixed', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]

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

@@ -3,25 +3,25 @@ export default {
   owner: '',
   demos: [
     {
-      'demoId': 'footer-footer-summation-empty',
+      demoId: 'footer-footer-summation-empty',
       'name': { 'zh-CN': '表尾统计（空数据）', 'en-US': 'Table tail statistics (empty data)' },
       'desc': {
         'zh-CN': '通过 <code>footer-method</code> 和 <code>show-footer</code> 配置自定义统计。',
         'en-US': 'For details, see the following example.'
       },
-      'codeFiles': ['footer/footer-summation-empty.vue']
+      codeFiles: ['footer/footer-summation-empty.vue']
     },
     {
-      'demoId': 'footer-configuration-summary',
+      demoId: 'footer-configuration-summary',
       'name': { 'zh-CN': '配置式的统计', 'en-US': 'Set Profile Statistics' },
       'desc': {
         'zh-CN': '<p>通过 <code>summary-config</code> 设置配置式的统计。</p>\n',
         'en-US': '<p>Set the profile statistics using <code>summary-config</code>. </p>\n'
       },
-      'codeFiles': ['footer/configuration-summary.vue']
+      codeFiles: ['footer/configuration-summary.vue']
     },
     {
-      'demoId': 'footer-footer-row-or-column-span',
+      demoId: 'footer-footer-row-or-column-span',
       'name': { 'zh-CN': '表尾合并行或列', 'en-US': 'Merge Rows or Columns at the Table Foot' },
       'desc': {
         'zh-CN':
@@ -29,10 +29,10 @@ export default {
         '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'
       },
-      'codeFiles': ['footer/footer-row-or-column-span.vue']
+      codeFiles: ['footer/footer-row-or-column-span.vue']
     },
     {
-      'demoId': 'update-footer',
+      demoId: 'update-footer',
       'name': { 'zh-CN': '手动更新表尾数据', 'en-US': 'Manually Update Footer Data' },
       'desc': {
         'zh-CN':
@@ -40,7 +40,7 @@ export default {
         'en-US':
           '<p>By default, footer data is only updated when editing loses focus. You can manually update footer data using the <code>updateFooter</code> method.</p>\n'
       },
-      'codeFiles': ['footer/update-footer.vue']
+      codeFiles: ['footer/update-footer.vue']
     }
   ],
   apis: [{ 'name': 'grid-footer', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]