chore(*): Release-build/1.25.20

.gitignore

@@ -4,8 +4,7 @@ logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-package-lock.json
-yarn.lock
+
 # Runtime data
 pids
 *.pid
@@ -60,31 +59,19 @@ typings/
 
 # next.js build output
 .next
-next/
-
-.history
 
-# special demo file for locally reappear issue
-docs/**/demo/issues.md
 
-*.DS_Store
 precss.css
 .sass-cache/
-scripts/server-remote
-__html/
-dist/
-es/
-lib/
 test/coverage/
 test/**/coverage/
-compiled_docs/
-demos/
 platform-docs/
 coverage/
 docs-lang/
 gemini-report/
 .idea/
+.vscode/
 *.iml
 *.log
 .DS_Store
-src/core-temp
+

compiled_docs/affix/index.en-us.md

@@ -0,0 +1 @@
+{"meta":"<h2 id=\"Guide\">Guide <a class=\"header-anchor scroll-count-item\" href=\"#Guide\" data-scroll-id=\"Guide\">#</a></h2>\n<h3 id=\"When To Use\">When to Use <a class=\"header-anchor scroll-count-item\" href=\"#When To Use\" data-scroll-id=\"When To Use\">#</a></h3>\n<p>The Affix component allows an element to become affixed (locked) to an area on the page. This is offten used with navigation menus or social icon buttons, to make them \"stick\" at specific area while scrolling up and down the page.</p>\n","api":"<h2 id=\"API\">API <a class=\"header-anchor scroll-count-item\" href=\"#API\" data-scroll-id=\"API\">#</a></h2>\n<h3 id=\"Affix\">Affix <a class=\"header-anchor scroll-count-item\" href=\"#Affix\" data-scroll-id=\"Affix\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default Value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>container</td>\n<td>The container for listening scroll events<br><br><strong>signature</strong>:<br>Function() =&gt; ReactElement<br><strong>return</strong>:<br>{ReactElement} the instance of container<br></td>\n<td>Function</td>\n<td>() =&gt; window</td>\n</tr>\n<tr>\n<td>offsetTop</td>\n<td>Offset from top when event triggers</td>\n<td>Number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>offsetBottom</td>\n<td>Offset from bottom when event triggers</td>\n<td>Number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onAffix</td>\n<td>Callback when affix event triggers <br><br><strong>signature</strong>:<br>Function(isAffixed: Boolean) =&gt; void<br><strong>parameters</strong>:<br><em>if element is affixed</em>: {Boolean} null</td>\n<td>Function</td>\n<td>func.noop</td>\n</tr>\n<tr>\n<td>useAbsolute</td>\n<td>Enable absolute position</td>\n<td>Boolean</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n"}

compiled_docs/animate/index.en-us.md

@@ -0,0 +1 @@
+{"meta":"<h2 id=\"Guide\">Guide <a class=\"header-anchor scroll-count-item\" href=\"#Guide\" data-scroll-id=\"Guide\">#</a></h2>\n<h3 id=\"When To Use\">When To Use <a class=\"header-anchor scroll-count-item\" href=\"#When To Use\" data-scroll-id=\"When To Use\">#</a></h3>\n<p>Need to customize animation.</p>\n","api":"<h2 id=\"API\">API <a class=\"header-anchor scroll-count-item\" href=\"#API\" data-scroll-id=\"API\">#</a></h2>\n<h3 id=\"Animate\">Animate <a class=\"header-anchor scroll-count-item\" href=\"#Animate\" data-scroll-id=\"Animate\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Descripiton</th>\n<th>Type</th>\n<th>Default Value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>animation</td>\n<td>animation class names</td>\n<td>String/Object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>animationAppear</td>\n<td>whether the child elements performs animation when it is first mounted</td>\n<td>Boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>component</td>\n<td>component wrapped child element</td>\n<td>any</td>\n<td>'div'</td>\n</tr>\n<tr>\n<td>singleMode</td>\n<td>whether there is only a single child element, if there is more than one child element, set it to false</td>\n<td>Boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>children</td>\n<td>child elements</td>\n<td>ReactElement/Array&lt;ReactElement&gt;</td>\n<td>-</td>\n</tr>\n<tr>\n<td>beforeAppear</td>\n<td>triggered before performing the first mount animation<br><br><strong>signatures</strong>:<br>Function() =&gt; void</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>onAppear</td>\n<td>triggered after adding the xxx-appear-active class name<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>afterAppear</td>\n<td>triggered after performing the first mount animation<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>beforeEnter</td>\n<td>triggered before performing the enter animation<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>onEnter</td>\n<td>triggered after adding the xxx-enter-active class name<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>afterEnter</td>\n<td>triggered after performing the enter animation<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>beforeLeave</td>\n<td>triggered before performing the leave animation<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>onLeave</td>\n<td>triggered after adding the xxx-leave-active class name<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n<tr>\n<td>afterLeave</td>\n<td>triggered after performing the leave animation<br><br><strong>signatures</strong>:<br>Function(node: HTMLElement) =&gt; void<br><strong>params</strong>:<br><em>node</em>: {HTMLElement} \banimated dom element</td>\n<td>Function</td>\n<td>() =&gt; {}</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"Animation List\">Animation List <a class=\"header-anchor scroll-count-item\" href=\"#Animation List\" data-scroll-id=\"Animation List\">#</a></h2>\n<table>\n<thead>\n<tr>\n<th>In</th>\n<th>Out</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>fadeIn</td>\n<td>fadeOut</td>\n</tr>\n<tr>\n<td>fadeInDown</td>\n<td>fadeOutDown</td>\n</tr>\n<tr>\n<td>fadeInLeft</td>\n<td>fadeOutLeft</td>\n</tr>\n<tr>\n<td>fadeInRight</td>\n<td>fadeOutRight</td>\n</tr>\n<tr>\n<td>fadeInUp</td>\n<td>fadeOutUp</td>\n</tr>\n<tr>\n<td>zoomIn</td>\n<td>zoomOut</td>\n</tr>\n<tr>\n<td>expandInDown</td>\n<td>expandOutUp</td>\n</tr>\n<tr>\n<td>expandInUp</td>\n<td>expandOutDown</td>\n</tr>\n<tr>\n<td>pulse</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"}

compiled_docs/avatar/index.en-us.md

@@ -0,0 +1 @@
+{"meta":"<h2 id=\"Develop Guide\">Develop Guide <a class=\"header-anchor scroll-count-item\" href=\"#Develop Guide\" data-scroll-id=\"Develop Guide\">#</a></h2>\n<p>1.19.0+ supported</p>\n<h3 id=\"When To Use\">When to Use <a class=\"header-anchor scroll-count-item\" href=\"#When To Use\" data-scroll-id=\"When To Use\">#</a></h3>\n<p>Avatars can be used to represent people or objects. It supports images, Icons, or letters.</p>\n","api":"<h2 id=\"API\">API <a class=\"header-anchor scroll-count-item\" href=\"#API\" data-scroll-id=\"API\">#</a></h2>\n<h3 id=\"Avatar\">Avatar <a class=\"header-anchor scroll-count-item\" href=\"#Avatar\" data-scroll-id=\"Avatar\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default Value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>size</td>\n<td>size of avatar</td>\n<td>Enum/Number</td>\n<td>'medium'</td>\n</tr>\n<tr>\n<td>shape</td>\n<td>shape of avatar <br><br><strong>option</strong>:<br>'circle', 'square'</td>\n<td>Enum</td>\n<td>'circle'</td>\n</tr>\n<tr>\n<td>icon</td>\n<td>the <code>Icon</code> type for an icon avatar, it can be any type of <code>Icon</code> Component or <code>ReactNode</code></td>\n<td>ReactNode/String</td>\n<td>-</td>\n</tr>\n<tr>\n<td>src</td>\n<td>the address of the image for an image avatars</td>\n<td>String</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>error handler of image, return false to prevent default fallback behavior<br><br><strong>signatures</strong>:<br>Function() =&gt; void</td>\n<td>Function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>alt</td>\n<td>This attribute defines the alternative text describing the image</td>\n<td>String</td>\n<td>-</td>\n</tr>\n<tr>\n<td>srcSet</td>\n<td>a list of sources to use for different screen resolutions</td>\n<td>String</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n"}

compiled_docs/badge/index.en-us.md

@@ -0,0 +1 @@
+{"meta":"<h2 id=\"Develop Guide\">Develop Guide <a class=\"header-anchor scroll-count-item\" href=\"#Develop Guide\" data-scroll-id=\"Develop Guide\">#</a></h2>\n<h3 id=\"When To Use\">When to Use <a class=\"header-anchor scroll-count-item\" href=\"#When To Use\" data-scroll-id=\"When To Use\">#</a></h3>\n<p>When we receive a new message, or our app/plugin/module should be update or upgrade.</p>\n<h3 id=\"Accessibility\">Accessibility <a class=\"header-anchor scroll-count-item\" href=\"#Accessibility\" data-scroll-id=\"Accessibility\">#</a></h3>\n<p>You can add class as below, so that messages will not appear on pages, but can be read by screen reader.\n<code>&lt;span className=\"next-sr-only\"&gt;unread messages&lt;/span&gt;</code></p>\n","api":"<h2 id=\"API\">API <a class=\"header-anchor scroll-count-item\" href=\"#API\" data-scroll-id=\"API\">#</a></h2>\n<h3 id=\"Badge\">Badge <a class=\"header-anchor scroll-count-item\" href=\"#Badge\" data-scroll-id=\"Badge\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Descripiton</th>\n<th>Type</th>\n<th>Default Value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>content of Badge based on</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>count</td>\n<td>number to display, display ${overflowCount}+ when count is greater than overflowCount, display none when count equal to 0</td>\n<td>Number/String</td>\n<td>0</td>\n</tr>\n<tr>\n<td>showZero</td>\n<td>whether to show count when count is 0</td>\n<td>Boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>content</td>\n<td>customized node content</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>overflowCount</td>\n<td>max number to display</td>\n<td>Number/String</td>\n<td>99</td>\n</tr>\n<tr>\n<td>dot</td>\n<td>display a red dot, not a number</td>\n<td>Boolean</td>\n<td>false</td>\n</tr>\n</tbody>\n</table>\n"}

compiled_docs/balloon/index.en-us.md

@@ -0,0 +1 @@
+{"meta":"<h2 id=\"Guide\">Guide <a class=\"header-anchor scroll-count-item\" href=\"#Guide\" data-scroll-id=\"Guide\">#</a></h2>\n<h3 id=\"When To Use\">When To Use <a class=\"header-anchor scroll-count-item\" href=\"#When To Use\" data-scroll-id=\"When To Use\">#</a></h3>\n<ul>\n<li>Balloon is used when you hope to show auxiliary or help message during users' interacting with the illustrated object (text, picture, input box, etc.).</li>\n<li>Particularly, Balloon.Tooltip is a simplified Balloon for displaying tip when hovered. If you want the content to be clickable, use <code>&lt;Balloon.Tootip delay={100} /&gt;</code></li>\n</ul>\n<h3 id=\"Note\">Note <a class=\"header-anchor scroll-count-item\" href=\"#Note\" data-scroll-id=\"Note\">#</a></h3>\n<ul>\n<li>When trigger is a custom React Component, it needs to pass through the onMouseEnter/onMouseLeave/onClick callback.</li>\n<li>This Component will be accessible when you pass id. We recommond you <code>&lt;Tooltip&gt;</code> for simple tip, <code>&lt;Balloon triggerType=\"click\"&gt;</code> for complex usage(e.g.nested with form). Don't use triggerType=\"focus\", it's for Component internal use only.</li>\n</ul>\n","api":"<h2 id=\"API\">API <a class=\"header-anchor scroll-count-item\" href=\"#API\" data-scroll-id=\"API\">#</a></h2>\n<h3 id=\"Balloon\">Balloon <a class=\"header-anchor scroll-count-item\" href=\"#Balloon\" data-scroll-id=\"Balloon\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default Value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>type of style<br><br><strong>option</strong>:<br>'normal', 'primary'</td>\n<td>Enum</td>\n<td>'normal'</td>\n</tr>\n<tr>\n<td>children</td>\n<td>content of popup layer</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>title</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>visible</td>\n<td>visible state of popup</td>\n<td>Boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultVisible</td>\n<td>default visible state of popup</td>\n<td>Boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>onVisibleChange</td>\n<td>callback when visible state changes<br><br><strong>signature</strong>:<br>Function(visible: Boolean) =&gt; void<br><strong>parameter</strong>:<br><em>visible</em>: {Boolean} whether to show the popup</td>\n<td>Function</td>\n<td>func.noop</td>\n</tr>\n<tr>\n<td>alignEdge</td>\n<td>whether align to the edge</td>\n<td>Boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>closable</td>\n<td>whether to show the close button</td>\n<td>Boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>align</td>\n<td>position of popup relative to the trigger<br><br><strong>option</strong>:<br>'t'(top)<br>'r'(right)<br>'b'(bottom)<br>'l'(left)<br>'tl'(top left)<br>'tr'(top right)<br>'bl'(bottom left)<br>'br'(bottom right)<br>'lt'(left top)<br>'lb'(left bottom)<br>'rt'(right top)<br>'rb'(right bottom) or their combinations</td>\n<td>Enum</td>\n<td>'b'</td>\n</tr>\n<tr>\n<td>offset</td>\n<td>extra adjustment for trigger element. e.g. [hoz, ver] means move to right ${hoz}px (to left in RTL mode), to bottom ${ver}px</td>\n<td>Array</td>\n<td>[0, 0]</td>\n</tr>\n<tr>\n<td>trigger</td>\n<td>trigger of the popup</td>\n<td>any</td>\n<td>&lt;span&gt;&lt;/span&gt;</td>\n</tr>\n<tr>\n<td>triggerType</td>\n<td>how to trigger the popup. <br><br><strong>type unit</strong>:<br>'hover'<br>'click'<br> e.g.['hover', 'click']  'click'</td>\n<td>String/Array</td>\n<td>'hover'</td>\n</tr>\n<tr>\n<td>onClose</td>\n<td>callback triggered when visible becomes false<br><br><strong>signature</strong>:<br>Function() =&gt; void</td>\n<td>Function</td>\n<td>func.noop</td>\n</tr>\n<tr>\n<td>needAdjust</td>\n<td>whether to adjust the position automatically</td>\n<td>Boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>delay</td>\n<td>how long should the popup be delayed after triggered in milliseconds</td>\n<td>Number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>afterClose</td>\n<td>callback triggered when the popup is closed or the animation ends<br><br><strong>signature</strong>:<br>Function() =&gt; void</td>\n<td>Function</td>\n<td>func.noop</td>\n</tr>\n<tr>\n<td>shouldUpdatePosition</td>\n<td>whether to update the position of popup after the content changes</td>\n<td>Boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>autoFocus</td>\n<td>whether to focus on the first element of popup on appearing</td>\n<td>Boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>safeNode</td>\n<td>When triggetType is 'click', the popup will be closed if any area other than itself is clicked. safeNode is used to define the node which doesn't trigger the close action. It can be either dom or dom id</td>\n<td>String</td>\n<td>undefined</td>\n</tr>\n<tr>\n<td>safeId</td>\n<td>id of the safeNode, and should be used together with safeNode</td>\n<td>String</td>\n<td>null</td>\n</tr>\n<tr>\n<td>animation</td>\n<td>when should the animation be played</td>\n<td>Object/Boolean</td>\n<td>{     in: 'zoomIn',     out: 'zoomOut' }</td>\n</tr>\n<tr>\n<td>cache</td>\n<td>whether to remove the popup when it's closed</td>\n<td>Boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>popupContainer</td>\n<td>popupContainer of the popup, being either dom id or a function to return the dom</td>\n<td>String/Function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>popupStyle</td>\n<td>custom style of popup</td>\n<td>Object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>popupClassName</td>\n<td>custom className of popup</td>\n<td>String</td>\n<td>''</td>\n</tr>\n<tr>\n<td>popupProps</td>\n<td>props of popup</td>\n<td>Object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>followTrigger</td>\n<td>follow Trigger or not</td>\n<td>Boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>id of popup. only when you set value, balloon will support accessibility</td>\n<td>String</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"Balloon Tooltip\">Balloon.Tooltip <a class=\"header-anchor scroll-count-item\" href=\"#Balloon Tooltip\" data-scroll-id=\"Balloon Tooltip\">#</a></h3>\n<table>\n<thead>\n<tr>\n<th>Param</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default Value</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>content of tooltip</td>\n<td>any</td>\n<td>-</td>\n</tr>\n<tr>\n<td>align</td>\n<td>position of popup relative to the trigger<br><br><strong>option</strong>:<br>'t'(top)<br>'r'(right)<br>'b'(bottom)<br>'l'(left)<br>'tl'(top left)<br>'tr'(top right)<br>'bl'(bottom left)<br>'br'(bottom right)<br>'lt'(left top)<br>'lb'(left bottom)<br>'rt'(right top)<br>'rb'(right bottom) or their combinations</td>\n<td>Enum</td>\n<td>'b'</td>\n</tr>\n<tr>\n<td>trigger</td>\n<td>trigger of the tooltip</td>\n<td>any</td>\n<td>&lt;span&gt;&lt;/span&gt;</td>\n</tr>\n<tr>\n<td>triggerType</td>\n<td>how to trigger the tooltip. <br><br><strong>type unit</strong>:<br>'hover'<br>'click'<br> e.g.['hover', 'click']  'click'. <code>&lt;Balloon triggerType=\"click\"&gt;</code> for complex usage</td>\n<td>String/Array</td>\n<td>'hover'</td>\n</tr>\n<tr>\n<td>popupStyle</td>\n<td>custom style of popup</td>\n<td>Object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>popupClassName</td>\n<td>custom className of popup</td>\n<td>String</td>\n<td>-</td>\n</tr>\n<tr>\n<td>popupProps</td>\n<td>props of popup</td>\n<td>Object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>pure</td>\n<td>pure render or not</td>\n<td>Boolean</td>\n<td>-</td>\n</tr>\n<tr>\n<td>popupContainer</td>\n<td>popupContainer of the popup, being either dom id or a function to return the dom</td>\n<td>String/Function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>id</td>\n<td>id of popup. only when you set value, balloon will support accessibility</td>\n<td>String</td>\n<td>-</td>\n</tr>\n<tr>\n<td>delay</td>\n<td>If you want the content of Tooltip to be clickable, set 100 for example</td>\n<td>Number</td>\n<td>0</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"Known Issues\">Known Issues <a class=\"header-anchor scroll-count-item\" href=\"#Known Issues\" data-scroll-id=\"Known Issues\">#</a></h2>\n<ul>\n<li>For disabled elements, onMouseLeave can't be triggered in chrome, due to chrome's bug and can't be worked around at present.</li>\n</ul>\n<h2 id=\"ARIA And Key Board\">ARIA and KeyBoard <a class=\"header-anchor scroll-count-item\" href=\"#ARIA And Key Board\" data-scroll-id=\"ARIA And Key Board\">#</a></h2>\n<table>\n<thead>\n<tr>\n<th style=\"text-align:left\">KeyBoard</th>\n<th style=\"text-align:left\">Descripiton</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td style=\"text-align:left\">SPACE</td>\n<td style=\"text-align:left\">When <code>triggerType=‘click’</code>, click will popup a prompt</td>\n</tr>\n<tr>\n<td style=\"text-align:left\">Enter</td>\n<td style=\"text-align:left\">When <code>triggerType=‘click’</code>, click will popup a prompt</td>\n</tr>\n</tbody>\n</table>\n"}