docs: modify caption to title #1676

VisActor · May 13, 2024 · 0691728 · 0691728
1 parent 3a4dcd1
commit 0691728
Show file tree

Hide file tree

Showing 54 changed files with 2,609 additions and 2,587 deletions.
diff --git a/docs/assets/demo-openinula/en/component/menu.md b/docs/assets/demo-openinula/en/component/menu.md
@@ -13,38 +13,29 @@ option: ListTable#menu
 You can directly use `Menu` to configure the menu component, and the configuration is consistent with option.menu.
 
 ## code demo
+
 ```javascript livedemo template=vtable-openinula
 // import * as InulaVTable from '@visactor/openinula-vtable';
 
 const records = new Array(1000).fill(['John', 18, 'male', '🏀']);
 
 const root = document.getElementById(CONTAINER_ID);
 Inula.render(
-  <InulaVTable.ListTable 
-    records={records} 
+  <InulaVTable.ListTable
+    records={records}
     height={'500px'}
-    onDropdownMenuClick={(args) => {
-      console.log('onDropdownMenuClick', args)
+    onDropdownMenuClick={args => {
+      console.log('onDropdownMenuClick', args);
     }}
   >
-    <InulaVTable.ListColumn field={'0'} caption={'name'} />
-    <InulaVTable.ListColumn field={'1'} caption={'age'} />
-    <InulaVTable.ListColumn field={'2'} caption={'gender'} />
-    <InulaVTable.ListColumn field={'3'} caption={'hobby'} />
-    <InulaVTable.Menu 
+    <InulaVTable.ListColumn field={'0'} title={'name'} />
+    <InulaVTable.ListColumn field={'1'} title={'age'} />
+    <InulaVTable.ListColumn field={'2'} title={'gender'} />
+    <InulaVTable.ListColumn field={'3'} title={'hobby'} />
+    <InulaVTable.Menu
       renderMode={'html'}
-      defaultHeaderMenuItems={
-        [
-          'header menu 1',
-          'header menu 2',
-        ]
-      }
-      contextMenuItems={
-        [
-          'context menu 1',
-          'context menu 2',
-        ]
-      }
+      defaultHeaderMenuItems={['header menu 1', 'header menu 2']}
+      contextMenuItems={['context menu 1', 'context menu 2']}
     />
   </InulaVTable.ListTable>,
   root
@@ -54,4 +45,4 @@ Inula.render(
 window.customRelease = () => {
   Inula.unmountComponentAtNode(root);
 };
-```
+```
diff --git a/docs/assets/demo-openinula/en/component/tooltip.md b/docs/assets/demo-openinula/en/component/tooltip.md
@@ -13,25 +13,20 @@ option: ListTable#tooltip
 You can directly use `Tooltip` to configure the menu component, and the configuration is consistent with option.tooltip.
 
 ## code demo
+
 ```javascript livedemo template=vtable-openinula
 // import * as InulaVTable from '@visactor/openinula-vtable';
 
 const records = new Array(1000).fill(['John', 18, 'male', '🏀']);
 
 const root = document.getElementById(CONTAINER_ID);
 Inula.render(
-  <InulaVTable.ListTable 
-    records={records} 
-    height={'500px'}
-  >
-    <InulaVTable.ListColumn field={'0'} caption={'name'} />
-    <InulaVTable.ListColumn field={'1'} caption={'age'} />
-    <InulaVTable.ListColumn field={'2'} caption={'gender'} />
-    <InulaVTable.ListColumn field={'3'} caption={'hobby'} />
-    <InulaVTable.Tooltip 
-      renderMode={'html'}
-      isShowOverflowTextTooltip={true}
-    />
+  <InulaVTable.ListTable records={records} height={'500px'}>
+    <InulaVTable.ListColumn field={'0'} title={'name'} />
+    <InulaVTable.ListColumn field={'1'} title={'age'} />
+    <InulaVTable.ListColumn field={'2'} title={'gender'} />
+    <InulaVTable.ListColumn field={'3'} title={'hobby'} />
+    <InulaVTable.Tooltip renderMode={'html'} isShowOverflowTextTooltip={true} />
   </InulaVTable.ListTable>,
   root
 );
@@ -40,4 +35,4 @@ Inula.render(
 window.customRelease = () => {
   Inula.unmountComponentAtNode(root);
 };
-```
+```