Skip to content

Commit

Permalink
deploy: 06b8320
Browse files Browse the repository at this point in the history
  • Loading branch information
bytemain committed Sep 12, 2023
1 parent cf5f466 commit 9d96f98
Show file tree
Hide file tree
Showing 144 changed files with 178 additions and 142 deletions.
2 changes: 1 addition & 1 deletion en/docs/develop/basic-design/connection/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/basic-design/contribution-point/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/basic-design/core-idea/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/basic-design/core-modules/index.html

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/basic-design/lifecycle/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/how-to-contribute/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/how-to-design-module/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/module-apis/decoration/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/module-apis/editor/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/module-apis/layout/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/module-apis/overlay/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/module-apis/preference/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/module-samples/index.html

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/sample/create-module/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/sample/display-list/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/sample/overview/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/sample/use-contribution-point/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en/docs/develop/sample/use-service-by-di/index.html

Large diffs are not rendered by default.

18 changes: 18 additions & 0 deletions en/docs/extension/contributes/toolbar/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -277,6 +277,7 @@ <h3 id="customize-popover" style="position:relative"><a href="#customize-popover
<div class="gatsby-highlight" data-language="ts"><pre class="language-ts"><code class="language-ts"><span class="token comment">// browser/index.ts</span>
<span class="token keyword">import</span> <span class="token operator">*</span> <span class="token keyword">as</span> React <span class="token keyword">from</span> <span class="token string">&#x27;react&#x27;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> useEffect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#x27;react&#x27;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> commands <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#x27;kaitian-browser&#x27;</span><span class="token punctuation">;</span>

<span class="token keyword">export</span> <span class="token keyword">const</span> <span class="token function-variable function">CustomPopover</span> <span class="token operator">=</span> props <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token function">useEffect</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
Expand All @@ -289,15 +290,32 @@ <h3 id="customize-popover" style="position:relative"><a href="#customize-popover
<span class="token keyword">return</span> <span class="token punctuation">(</span>
<span class="token operator">&lt;</span>div style<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> width<span class="token operator">:</span> <span class="token number">200</span><span class="token punctuation">,</span> height<span class="token operator">:</span> <span class="token number">200</span><span class="token punctuation">,</span> padding<span class="token operator">:</span> <span class="token number">10</span> <span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token operator">&gt;</span>
Hello <span class="token punctuation">{</span>props<span class="token punctuation">.</span>context<span class="token operator">?.</span>name<span class="token punctuation">}</span>
<span class="token operator">&lt;</span>button
onClick<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
commands<span class="token punctuation">.</span><span class="token function">executeCommand</span><span class="token punctuation">(</span><span class="token string">&#x27;popup.testCommand&#x27;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">}</span>
<span class="token operator">&gt;</span>
Execute Command
<span class="token operator">&lt;</span><span class="token operator">/</span>button<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>div<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div>
<p>In this code, a context object can be obtained from props, and the context can be dynamically updated by calling <code class="language-text">actionHandler API</code> from the plug-in Node side.</p>
<p>The Popover can obtain the state passed in by NodeJS from props.context, and it can also use <code class="language-text">commands.executeCommand</code> to invoke the Commands registered in NodeJS.</p>
<div class="gatsby-highlight" data-language="ts"><pre class="language-ts"><code class="language-ts"><span class="token comment">// node/index.ts</span>
<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">activate</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> action <span class="token operator">=</span> <span class="token keyword">await</span> kaitian<span class="token punctuation">.</span>toolbar<span class="token punctuation">.</span><span class="token function">getToolbarActionButtonHandle</span><span class="token punctuation">(</span>
<span class="token string">&#x27;sample-start&#x27;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

kaitian<span class="token punctuation">.</span>commands<span class="token punctuation">.</span><span class="token function">registerCommand</span><span class="token punctuation">(</span><span class="token string">&#x27;popup.testCommand&#x27;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token builtin">console</span><span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&#x27;command executed&#x27;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

action<span class="token punctuation">.</span><span class="token function">onClick</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
action<span class="token punctuation">.</span><span class="token function">showPopover</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
action<span class="token punctuation">.</span><span class="token function">setContext</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
<span class="token comment">// Update context value regularly</span>
Expand Down

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/develop/how-to-contribute/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/develop/module-samples/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/develop/sample/overview/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/extension/interface/i18n/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/extension/overview/page-data.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/extension/quick-start/page-data.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/extension/vscode/overview/page-data.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/extension/web-extension/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/integrate/overview/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/en/docs/integrate/quick-start/web/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/sq/d/232018349.json
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"data":{"site":{"siteMetadata":{"showDingTalkQRCode":true,"showWeChatQRCode":true,"weChatQRCode":"https://img.alicdn.com/imgextra/i4/O1CN01JI8lvl1FOVmF66TOr_!!6000000000477-2-tps-1375-1375.png","dingTalkQRCode":"https://img.alicdn.com/imgextra/i2/O1CN01Fcw6RC1T8qozkQBFG_!!6000000002338-2-tps-200-239.png"}}}}
{"data":{"site":{"siteMetadata":{"showDingTalkQRCode":true,"showWeChatQRCode":true,"weChatQRCode":"https://img.alicdn.com/imgextra/i2/O1CN01s9Ob1C1et4cU5tEfr_!!6000000003928-0-tps-1376-1373.jpg","dingTalkQRCode":"https://img.alicdn.com/imgextra/i2/O1CN01Fcw6RC1T8qozkQBFG_!!6000000002338-2-tps-200-239.png"}}}}
2 changes: 1 addition & 1 deletion page-data/sq/d/2870459043.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/develop/how-to-contribute/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/develop/module-samples/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/develop/sample/overview/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/extension/interface/i18n/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/extension/overview/page-data.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/extension/quick-start/page-data.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/extension/vscode/overview/page-data.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/extension/web-extension/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/integrate/overview/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page-data/zh/docs/integrate/quick-start/web/page-data.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion sitemap/sitemap-0.xml

Large diffs are not rendered by default.

18 changes: 18 additions & 0 deletions zh/docs/extension/contributes/toolbar/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -278,6 +278,7 @@ <h3 id="自定义-popover" style="position:relative"><a href="#%E8%87%AA%E5%AE%9
<div class="gatsby-highlight" data-language="ts"><pre class="language-ts"><code class="language-ts"><span class="token comment">// browser/index.ts</span>
<span class="token keyword">import</span> <span class="token operator">*</span> <span class="token keyword">as</span> React <span class="token keyword">from</span> <span class="token string">&#x27;react&#x27;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> useEffect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#x27;react&#x27;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> commands <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#x27;kaitian-browser&#x27;</span><span class="token punctuation">;</span>

<span class="token keyword">export</span> <span class="token keyword">const</span> <span class="token function-variable function">CustomPopover</span> <span class="token operator">=</span> props <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token function">useEffect</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
Expand All @@ -290,15 +291,32 @@ <h3 id="自定义-popover" style="position:relative"><a href="#%E8%87%AA%E5%AE%9
<span class="token keyword">return</span> <span class="token punctuation">(</span>
<span class="token operator">&lt;</span>div style<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> width<span class="token operator">:</span> <span class="token number">200</span><span class="token punctuation">,</span> height<span class="token operator">:</span> <span class="token number">200</span><span class="token punctuation">,</span> padding<span class="token operator">:</span> <span class="token number">10</span> <span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token operator">&gt;</span>
Hello <span class="token punctuation">{</span>props<span class="token punctuation">.</span>context<span class="token operator">?.</span>name<span class="token punctuation">}</span>
<span class="token operator">&lt;</span>button
onClick<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
commands<span class="token punctuation">.</span><span class="token function">executeCommand</span><span class="token punctuation">(</span><span class="token string">&#x27;popup.testCommand&#x27;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">}</span>
<span class="token operator">&gt;</span>
调用 Command
<span class="token operator">&lt;</span><span class="token operator">/</span>button<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>div<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre></div>
<p>这段代码中,可以从 props 获取一个 context 对象,context 可以通过插件 Node 端调用 <code class="language-text">actionHandler API</code> 来动态更新。</p>
<p>Popover 可以从 props.context 中获取到 NodeJS 传入的状态,同时又可以使用 <code class="language-text">commands.executeCommand</code> 来调用 NodeJS 中注册的 Commands。</p>
<div class="gatsby-highlight" data-language="ts"><pre class="language-ts"><code class="language-ts"><span class="token comment">// node/index.ts</span>
<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">activate</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> action <span class="token operator">=</span> <span class="token keyword">await</span> kaitian<span class="token punctuation">.</span>toolbar<span class="token punctuation">.</span><span class="token function">getToolbarActionButtonHandle</span><span class="token punctuation">(</span>
<span class="token string">&#x27;sample-start&#x27;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

kaitian<span class="token punctuation">.</span>commands<span class="token punctuation">.</span><span class="token function">registerCommand</span><span class="token punctuation">(</span><span class="token string">&#x27;popup.testCommand&#x27;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token builtin">console</span><span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&#x27;command executed&#x27;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

action<span class="token punctuation">.</span><span class="token function">onClick</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
action<span class="token punctuation">.</span><span class="token function">showPopover</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token function">setInterval</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
action<span class="token punctuation">.</span><span class="token function">setContext</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
<span class="token comment">// 定时更新 context 值</span>
Expand Down

0 comments on commit 9d96f98

Please sign in to comment.