zhangyiss/FTXUI
1
0
Fork 0
mirror of https://github.com/ArthurSonzogni/FTXUI.git synced 2025-12-16 01:48:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
Files
02764cd443be15005858fb10df020f4f1f770d66
FTXUI/zh-TW/node_8cpp_source.html
ArthurSonzogni 02764cd443 deploy: 9f4b2bcf96
2025-12-13 19:38:34 +00:00

557 lines
50 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- HTML header for doxygen 1.9.8-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=11"/>
<meta name="generator" content="Doxygen 1.12.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>FTXUI: node.cpp Source File</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<script type="text/javascript" src="doxygen-awesome-fragment-copy-button.js"></script>
<script type="text/javascript" src="doxygen-awesome-paragraph-link.js"></script>
<script type="text/javascript" src="doxygen-awesome-interactive-toc.js"></script>
<script type="text/javascript" src="doxygen-awesome-tabs.js"></script>
<script type="module">
DoxygenAwesomeFragmentCopyButton.init()
DoxygenAwesomeParagraphLink.init()
DoxygenAwesomeInteractiveToc.init()
DoxygenAwesomeTabs.init()
await new Promise(r => window.addEventListener('DOMContentLoaded', r));
// Remove title when a img[alt='title-img'] is present.
// Find an image with the alt "img-title".
const img = document.querySelector("img[alt='title-img']");
const header = document.querySelector(".headertitle");
if (img && header) {
// Hide the header title progressively.
header.style.display = "none";
// Show progressively the image.
img.style.maxHeight = "40vh";
img.style.maxWidth = "100%";
img.style.objectFit = "contain";
}
// In the "examples.html" page. Turn every link with text
// "examples/<...>
//
// Add a "demo" link toward.
// https://arthursonzogni.github.io/FTXUI/examples/?file=<...>
const examples = document.querySelectorAll("a")
examples.forEach((example) => {
if (!example.textContent.startsWith("examples/")) {
return;
}
// Remove the ".cpp" extension from the example name.
const exampleName = example.textContent.replace("examples/", "").replace(".cpp", "");
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + exampleName;
a.style.marginRight= "1em";
a.style.fontWeight = "bold";
example.parentElement.insertBefore(a, example)
});
// If the current URL ends with -example.html, we can add a link to the demo
// as well using the div.title textContent.
const url = new URL(window.location.href);
if (url.pathname.endsWith("-example.html")) {
// Get the title text.
const title = document.querySelector("div.title").textContent;
const example = title.replace("examples/", "").replace(".cpp", "");
// Create a link to the demo.
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + example;
a.style.marginLeft = "1em";
a.style.fontWeight = "bold";
a.style.display = "inline-block";
// Insert the link after the title.
const titleDiv = document.querySelector("div.title");
if (titleDiv) {
titleDiv.insertBefore(a, titleDiv.nextSibling);
}
}
</script>
<script type="module">
// Click on the navtree, except for the main page where this is already done
// automatically.
let delay = 0;
while(true) {
const navtree = document.querySelector("div.item.selected");
if (!navtree) {
delay *= 2;
delay += 1;
await new Promise(resolve => setTimeout(resolve, delay));
continue;
}
// Include only selected navtree items.
console.log("navtree.textContent", navtree.textContent);
if (!navtree.textContent.includes("Getting Started") &&
!navtree.textContent.includes("Installation") &&
!navtree.textContent.includes("ftxui / screen") &&
!navtree.textContent.includes("ftxui / dom") &&
!navtree.textContent.includes("ftxui / component") &&
!navtree.textContent.includes("Reference")) {
break;
}
// Find the first link inside the navtree.
const link = navtree.querySelector("a");
if (link) {
// Simulate a click on the link.
link.click();
break;
}
}
</script>
<link href="navtree.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="navtreedata.js"></script>
<script type="text/javascript" src="navtree.js"></script>
<script type="text/javascript" src="resize.js"></script>
<script type="text/javascript" src="cookie.js"></script>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
<link href="doxygen-awesome.css" rel="stylesheet" type="text/css"/>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr id="projectrow">
<td id="projectalign">
<div id="projectname">FTXUI<span id="projectnumber">&#160;6.1.9</span>
</div>
<div id="projectbrief">C++ functional terminal UI.</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- end header part -->
<!-- Generated by Doxygen 1.12.0 -->
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
var searchBox = new SearchBox("searchBox", "search/",'.html');
/* @license-end */
</script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() { codefold.init(0); });
/* @license-end */
</script>
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() {
initMenu('',true,false,'search.php','Search',true);
$(function() { init_search(); });
});
/* @license-end */
</script>
<div id="main-nav"></div>
</div><!-- top -->
<div id="side-nav" class="ui-resizable side-nav-resizable">
<div id="nav-tree">
<div id="nav-tree-contents">
<div id="nav-sync" class="sync"></div>
</div>
</div>
<div id="splitbar" style="-moz-user-select:none;"
class="ui-resizable-handle">
</div>
</div>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function(){initNavTree('node_8cpp_source.html',''); initResizable(true); });
/* @license-end */
</script>
<div id="doc-content">
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<div id="MSearchResults">
<div class="SRPage">
<div id="SRIndex">
<div id="SRResults"></div>
<div class="SRStatus" id="Loading">Loading...</div>
<div class="SRStatus" id="Searching">Searching...</div>
<div class="SRStatus" id="NoMatches">No Matches</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="headertitle"><div class="title">node.cpp</div></div>
</div><!--header-->
<div class="contents">
<a href="node_8cpp.html">Go to the documentation of this file.</a><div class="fragment"><div class="line"><a id="l00001" name="l00001"></a><span class="lineno"> 1</span><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
<div class="line"><a id="l00002" name="l00002"></a><span class="lineno"> 2</span><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱 LICENSE 檔案。</span></div>
<div class="line"><a id="l00003" name="l00003"></a><span class="lineno"> 3</span><span class="preprocessor">#include &lt;<a class="code" href="box_8hpp.html">ftxui/screen/box.hpp</a>&gt;</span> <span class="comment">// for Box</span></div>
<div class="line"><a id="l00004" name="l00004"></a><span class="lineno"> 4</span><span class="preprocessor">#include &lt;string&gt;</span></div>
<div class="line"><a id="l00005" name="l00005"></a><span class="lineno"> 5</span><span class="preprocessor">#include &lt;utility&gt;</span> <span class="comment">// for move</span></div>
<div class="line"><a id="l00006" name="l00006"></a><span class="lineno"> 6</span> </div>
<div class="line"><a id="l00007" name="l00007"></a><span class="lineno"> 7</span><span class="preprocessor">#include &lt;cstddef&gt;</span></div>
<div class="line"><a id="l00008" name="l00008"></a><span class="lineno"> 8</span><span class="preprocessor">#include &quot;<a class="code" href="node_8hpp.html">ftxui/dom/node.hpp</a>&quot;</span></div>
<div class="line"><a id="l00009" name="l00009"></a><span class="lineno"> 9</span><span class="preprocessor">#include &quot;<a class="code" href="selection_8hpp.html">ftxui/dom/selection.hpp</a>&quot;</span> <span class="comment">// for Selection</span></div>
<div class="line"><a id="l00010" name="l00010"></a><span class="lineno"> 10</span><span class="preprocessor">#include &quot;<a class="code" href="screen_8hpp.html">ftxui/screen/screen.hpp</a>&quot;</span> <span class="comment">// for Screen</span></div>
<div class="line"><a id="l00011" name="l00011"></a><span class="lineno"> 11</span> </div>
<div class="line"><a id="l00012" name="l00012"></a><span class="lineno"> 12</span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a> {</div>
<div class="line"><a id="l00013" name="l00013"></a><span class="lineno"> 13</span> </div>
<div class="line"><a id="l00014" name="l00014"></a><span class="lineno"> 14</span><a class="code hl_function" href="group__dom.html#a0d313fac56abd7ebe58a17f1530b879e">Node::Node</a>() = <span class="keywordflow">default</span>;</div>
<div class="line"><a id="l00015" name="l00015"></a><span class="lineno"><a class="line" href="group__dom.html#a19fa1eae4c02e514c62a95e395b383a1"> 15</a></span><a class="code hl_function" href="group__dom.html#a0d313fac56abd7ebe58a17f1530b879e">Node::Node</a>(<a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children) : children_(std::move(children)) {}</div>
<div class="line"><a id="l00016" name="l00016"></a><span class="lineno"> 16</span><a class="code hl_function" href="group__dom.html#a6fa6bf60f34f1e3efb0e59333428c9c8">Node::~Node</a>() = <span class="keywordflow">default</span>;</div>
<div class="line"><a id="l00017" name="l00017"></a><span class="lineno"> 17</span><span class="comment"></span> </div>
<div class="line"><a id="l00018" name="l00018"></a><span class="lineno"> 18</span><span class="comment">/// @brief 計算元素所需的空間大小。</span></div>
<div class="foldopen" id="foldopen00019" data-start="{" data-end="}">
<div class="line"><a id="l00019" name="l00019"></a><span class="lineno"><a class="line" href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d"> 19</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d">Node::ComputeRequirement</a>() {</div>
<div class="line"><a id="l00020" name="l00020"></a><span class="lineno"> 20</span> <span class="keywordflow">if</span> (<a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>.empty()) {</div>
<div class="line"><a id="l00021" name="l00021"></a><span class="lineno"> 21</span> <span class="keywordflow">return</span>;</div>
<div class="line"><a id="l00022" name="l00022"></a><span class="lineno"> 22</span> }</div>
<div class="line"><a id="l00023" name="l00023"></a><span class="lineno"> 23</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>) {</div>
<div class="line"><a id="l00024" name="l00024"></a><span class="lineno"> 24</span> child-&gt;ComputeRequirement();</div>
<div class="line"><a id="l00025" name="l00025"></a><span class="lineno"> 25</span> }</div>
<div class="line"><a id="l00026" name="l00026"></a><span class="lineno"> 26</span> </div>
<div class="line"><a id="l00027" name="l00027"></a><span class="lineno"> 27</span> <span class="comment">// 預設情況下，需求是第一個子節點的需求。</span></div>
<div class="line"><a id="l00028" name="l00028"></a><span class="lineno"> 28</span> <a class="code hl_variable" href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">requirement_</a> = <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>[0]-&gt;requirement();</div>
<div class="line"><a id="l00029" name="l00029"></a><span class="lineno"> 29</span> </div>
<div class="line"><a id="l00030" name="l00030"></a><span class="lineno"> 30</span> <span class="comment">// 傳播焦點需求。</span></div>
<div class="line"><a id="l00031" name="l00031"></a><span class="lineno"> 31</span> <span class="keywordflow">for</span> (<span class="keywordtype">size_t</span> i = 1; i &lt; <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>.size(); ++i) {</div>
<div class="line"><a id="l00032" name="l00032"></a><span class="lineno"> 32</span> <span class="keywordflow">if</span> (!<a class="code hl_variable" href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">requirement_</a>.<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a>.<a class="code hl_variable" href="structftxui_1_1Requirement_1_1Focused.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a> &amp;&amp;</div>
<div class="line"><a id="l00033" name="l00033"></a><span class="lineno"> 33</span> <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>[i]-&gt;requirement().focused.enabled) {</div>
<div class="line"><a id="l00034" name="l00034"></a><span class="lineno"> 34</span> <a class="code hl_variable" href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">requirement_</a>.<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a> = <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>[i]-&gt;requirement().focused;</div>
<div class="line"><a id="l00035" name="l00035"></a><span class="lineno"> 35</span> }</div>
<div class="line"><a id="l00036" name="l00036"></a><span class="lineno"> 36</span> }</div>
<div class="line"><a id="l00037" name="l00037"></a><span class="lineno"> 37</span>}</div>
</div>
<div class="line"><a id="l00038" name="l00038"></a><span class="lineno"> 38</span><span class="comment"></span> </div>
<div class="line"><a id="l00039" name="l00039"></a><span class="lineno"> 39</span><span class="comment">/// @brief 為元素分配繪圖位置和尺寸。</span></div>
<div class="foldopen" id="foldopen00040" data-start="{" data-end="}">
<div class="line"><a id="l00040" name="l00040"></a><span class="lineno"><a class="line" href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637"> 40</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637">Node::SetBox</a>(<a class="code hl_struct" href="group__screen.html#structftxui_1_1Box">Box</a> box) {</div>
<div class="line"><a id="l00041" name="l00041"></a><span class="lineno"> 41</span> <a class="code hl_variable" href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">box_</a> = box;</div>
<div class="line"><a id="l00042" name="l00042"></a><span class="lineno"> 42</span>}</div>
</div>
<div class="line"><a id="l00043" name="l00043"></a><span class="lineno"> 43</span><span class="comment"></span> </div>
<div class="line"><a id="l00044" name="l00044"></a><span class="lineno"> 44</span><span class="comment">/// @brief 計算元素的選取範圍。</span></div>
<div class="foldopen" id="foldopen00045" data-start="{" data-end="}">
<div class="line"><a id="l00045" name="l00045"></a><span class="lineno"><a class="line" href="group__dom.html#a05352f5a353f1e86630a978060e77305"> 45</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#a05352f5a353f1e86630a978060e77305">Node::Select</a>(<a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a>&amp; selection) {</div>
<div class="line"><a id="l00046" name="l00046"></a><span class="lineno"> 46</span> <span class="comment">// 如果此節點的 box_ 與選取範圍沒有交集，則不進行選取。</span></div>
<div class="line"><a id="l00047" name="l00047"></a><span class="lineno"> 47</span> <span class="keywordflow">if</span> (<a class="code hl_function" href="group__screen.html#a83d40499d9e8740c35dc2352c2ac84a8">Box::Intersection</a>(selection.<a class="code hl_function" href="group__dom.html#a03f5cc5dcad10fecb7a0b8203c86a13e">GetBox</a>(), <a class="code hl_variable" href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">box_</a>).IsEmpty()) {</div>
<div class="line"><a id="l00048" name="l00048"></a><span class="lineno"> 48</span> <span class="keywordflow">return</span>;</div>
<div class="line"><a id="l00049" name="l00049"></a><span class="lineno"> 49</span> }</div>
<div class="line"><a id="l00050" name="l00050"></a><span class="lineno"> 50</span> </div>
<div class="line"><a id="l00051" name="l00051"></a><span class="lineno"> 51</span> <span class="comment">// 預設情況下，我們將選取延遲到子節點。</span></div>
<div class="line"><a id="l00052" name="l00052"></a><span class="lineno"> 52</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>) {</div>
<div class="line"><a id="l00053" name="l00053"></a><span class="lineno"> 53</span> child-&gt;Select(selection);</div>
<div class="line"><a id="l00054" name="l00054"></a><span class="lineno"> 54</span> }</div>
<div class="line"><a id="l00055" name="l00055"></a><span class="lineno"> 55</span>}</div>
</div>
<div class="line"><a id="l00056" name="l00056"></a><span class="lineno"> 56</span><span class="comment"></span> </div>
<div class="line"><a id="l00057" name="l00057"></a><span class="lineno"> 57</span><span class="comment">/// @brief 在 ftxui::Screen 上顯示元素。</span></div>
<div class="foldopen" id="foldopen00058" data-start="{" data-end="}">
<div class="line"><a id="l00058" name="l00058"></a><span class="lineno"><a class="line" href="namespaceftxui.html#a9b583744cea45882e63b74a780b20a0f"> 58</a></span><span class="comment"></span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : children_) {</div>
<div class="line"><a id="l00059" name="l00059"></a><span class="lineno"> 59</span> child-&gt;Render(screen);</div>
<div class="line"><a id="l00060" name="l00060"></a><span class="lineno"> 60</span> }</div>
</div>
<div class="line"><a id="l00061" name="l00061"></a><span class="lineno"> 61</span>}</div>
<div class="line"><a id="l00062" name="l00062"></a><span class="lineno"> 62</span> </div>
<div class="foldopen" id="foldopen00063" data-start="{" data-end="}">
<div class="line"><a id="l00063" name="l00063"></a><span class="lineno"><a class="line" href="group__dom.html#a5b71d891a102197f2856f53702425581"> 63</a></span><span class="keywordtype">void</span> Node::Check(<a class="code hl_struct" href="structftxui_1_1Node_1_1Status.html">Status</a>* status) {</div>
<div class="line"><a id="l00064" name="l00064"></a><span class="lineno"> 64</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : children_) {</div>
<div class="line"><a id="l00065" name="l00065"></a><span class="lineno"> 65</span> child-&gt;Check(status);</div>
<div class="line"><a id="l00066" name="l00066"></a><span class="lineno"> 66</span> }</div>
<div class="line"><a id="l00067" name="l00067"></a><span class="lineno"> 67</span> status-&gt;<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">need_iteration</a> |= (status-&gt;<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">iteration</a> == 0);</div>
<div class="line"><a id="l00068" name="l00068"></a><span class="lineno"> 68</span>}</div>
</div>
<div class="line"><a id="l00069" name="l00069"></a><span class="lineno"> 69</span> </div>
<div class="foldopen" id="foldopen00070" data-start="{" data-end="}">
<div class="line"><a id="l00070" name="l00070"></a><span class="lineno"><a class="line" href="group__dom.html#a2c5cebe05557529299e649867b499680"> 70</a></span>std::string Node::GetSelectedContent(<a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a>&amp; selection) {</div>
<div class="line"><a id="l00071" name="l00071"></a><span class="lineno"> 71</span> std::string content;</div>
<div class="line"><a id="l00072" name="l00072"></a><span class="lineno"> 72</span> </div>
<div class="line"><a id="l00073" name="l00073"></a><span class="lineno"> 73</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : children_) {</div>
<div class="line"><a id="l00074" name="l00074"></a><span class="lineno"> 74</span> content += child-&gt;GetSelectedContent(selection);</div>
<div class="line"><a id="l00075" name="l00075"></a><span class="lineno"> 75</span> }</div>
<div class="line"><a id="l00076" name="l00076"></a><span class="lineno"> 76</span> </div>
<div class="line"><a id="l00077" name="l00077"></a><span class="lineno"> 77</span> <span class="keywordflow">return</span> content;</div>
<div class="line"><a id="l00078" name="l00078"></a><span class="lineno"> 78</span>}</div>
</div>
<div class="line"><a id="l00079" name="l00079"></a><span class="lineno"> 79</span><span class="comment"></span> </div>
<div class="line"><a id="l00080" name="l00080"></a><span class="lineno"> 80</span><span class="comment">/// @brief 在 ftxui::Screen 上顯示元素。</span></div>
<div class="line"><a id="l00081" name="l00081"></a><span class="lineno"> 81</span><span class="comment">/// @ingroup dom</span></div>
<div class="foldopen" id="foldopen00082" data-start="{" data-end="}">
<div class="line"><a id="l00082" name="l00082"></a><span class="lineno"><a class="line" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83"> 82</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(Screen&amp; screen, <span class="keyword">const</span> Element&amp; element) {</div>
<div class="line"><a id="l00083" name="l00083"></a><span class="lineno"> 83</span> Selection selection;</div>
<div class="line"><a id="l00084" name="l00084"></a><span class="lineno"> 84</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(screen, element.get(), selection);</div>
<div class="line"><a id="l00085" name="l00085"></a><span class="lineno"> 85</span>}</div>
</div>
<div class="line"><a id="l00086" name="l00086"></a><span class="lineno"> 86</span><span class="comment"></span> </div>
<div class="line"><a id="l00087" name="l00087"></a><span class="lineno"> 87</span><span class="comment">/// @brief 在 ftxui::Screen 上顯示元素。</span></div>
<div class="line"><a id="l00088" name="l00088"></a><span class="lineno"> 88</span><span class="comment">/// @ingroup dom</span></div>
<div class="foldopen" id="foldopen00089" data-start="{" data-end="}">
<div class="line"><a id="l00089" name="l00089"></a><span class="lineno"><a class="line" href="group__dom.html#ga32a24db985fa1b37bf686b00f7e1b4ff"> 89</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(Screen&amp; screen, Node* node) {</div>
<div class="line"><a id="l00090" name="l00090"></a><span class="lineno"> 90</span> Selection selection;</div>
<div class="line"><a id="l00091" name="l00091"></a><span class="lineno"> 91</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(screen, node, selection);</div>
<div class="line"><a id="l00092" name="l00092"></a><span class="lineno"> 92</span>}</div>
</div>
<div class="line"><a id="l00093" name="l00093"></a><span class="lineno"> 93</span> </div>
<div class="foldopen" id="foldopen00094" data-start="{" data-end="}">
<div class="line"><a id="l00094" name="l00094"></a><span class="lineno"><a class="line" href="node_8cpp.html#ab35030b64136afa183d474d11bd1f6dd"> 94</a></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(Screen&amp; screen, Node* node, Selection&amp; selection) {</div>
<div class="line"><a id="l00095" name="l00095"></a><span class="lineno"> 95</span> Box box;</div>
<div class="line"><a id="l00096" name="l00096"></a><span class="lineno"> 96</span> box.x_min = 0;</div>
<div class="line"><a id="l00097" name="l00097"></a><span class="lineno"> 97</span> box.y_min = 0;</div>
<div class="line"><a id="l00098" name="l00098"></a><span class="lineno"> 98</span> box.x_max = screen.dimx() - 1;</div>
<div class="line"><a id="l00099" name="l00099"></a><span class="lineno"> 99</span> box.y_max = screen.dimy() - 1;</div>
<div class="line"><a id="l00100" name="l00100"></a><span class="lineno"> 100</span> </div>
<div class="line"><a id="l00101" name="l00101"></a><span class="lineno"> 101</span> Node::Status status;</div>
<div class="line"><a id="l00102" name="l00102"></a><span class="lineno"> 102</span> node-&gt;Check(&amp;status);</div>
<div class="line"><a id="l00103" name="l00103"></a><span class="lineno"> 103</span> <span class="keyword">const</span> <span class="keywordtype">int</span> max_iterations = 20;</div>
<div class="line"><a id="l00104" name="l00104"></a><span class="lineno"> 104</span> <span class="keywordflow">while</span> (status.need_iteration &amp;&amp; status.iteration &lt; max_iterations) {</div>
<div class="line"><a id="l00105" name="l00105"></a><span class="lineno"> 105</span> <span class="comment">// 步驟 1：找出此元素想要的尺寸。</span></div>
<div class="line"><a id="l00106" name="l00106"></a><span class="lineno"> 106</span> node-&gt;ComputeRequirement();</div>
<div class="line"><a id="l00107" name="l00107"></a><span class="lineno"> 107</span> </div>
<div class="line"><a id="l00108" name="l00108"></a><span class="lineno"> 108</span> <span class="comment">// 步驟 2：為元素分配尺寸。</span></div>
<div class="line"><a id="l00109" name="l00109"></a><span class="lineno"> 109</span> node-&gt;SetBox(box);</div>
<div class="line"><a id="l00110" name="l00110"></a><span class="lineno"> 110</span> </div>
<div class="line"><a id="l00111" name="l00111"></a><span class="lineno"> 111</span> <span class="comment">// 檢查元素是否需要佈局演算法的另一次迭代。</span></div>
<div class="line"><a id="l00112" name="l00112"></a><span class="lineno"> 112</span> status.need_iteration = <span class="keyword">false</span>;</div>
<div class="line"><a id="l00113" name="l00113"></a><span class="lineno"> 113</span> status.iteration++;</div>
<div class="line"><a id="l00114" name="l00114"></a><span class="lineno"> 114</span> node-&gt;Check(&amp;status);</div>
<div class="line"><a id="l00115" name="l00115"></a><span class="lineno"> 115</span> }</div>
<div class="line"><a id="l00116" name="l00116"></a><span class="lineno"> 116</span> </div>
<div class="line"><a id="l00117" name="l00117"></a><span class="lineno"> 117</span> <span class="comment">// 步驟 3：選取</span></div>
<div class="line"><a id="l00118" name="l00118"></a><span class="lineno"> 118</span> <span class="keywordflow">if</span> (!selection.IsEmpty()) {</div>
<div class="line"><a id="l00119" name="l00119"></a><span class="lineno"> 119</span> node-&gt;Select(selection);</div>
<div class="line"><a id="l00120" name="l00120"></a><span class="lineno"> 120</span> }</div>
<div class="line"><a id="l00121" name="l00121"></a><span class="lineno"> 121</span> </div>
<div class="line"><a id="l00122" name="l00122"></a><span class="lineno"> 122</span> <span class="keywordflow">if</span> (node-&gt;requirement().focused.enabled</div>
<div class="line"><a id="l00123" name="l00123"></a><span class="lineno"> 123</span>#<span class="keywordflow">if</span> defined(FTXUI_MICROSOFT_TERMINAL_FALLBACK)</div>
<div class="line"><a id="l00124" name="l00124"></a><span class="lineno"> 124</span> <span class="comment">// 將游標設定到正確的位置，允許使用 CJK（中文、日文、韓文等）字元的使用者</span></div>
<div class="line"><a id="l00125" name="l00125"></a><span class="lineno"> 125</span> <span class="comment">// 在正確的位置看到他們的 [輸入法編輯器]。請參閱 [問題]。</span></div>
<div class="line"><a id="l00126" name="l00126"></a><span class="lineno"> 126</span> <span class="comment">//</span></div>
<div class="line"><a id="l00127" name="l00127"></a><span class="lineno"> 127</span> <span class="comment">// [輸入法編輯器]：</span></div>
<div class="line"><a id="l00128" name="l00128"></a><span class="lineno"> 128</span> <span class="comment">// https://zh.wikipedia.org/wiki/輸入法編輯器</span></div>
<div class="line"><a id="l00129" name="l00129"></a><span class="lineno"> 129</span> <span class="comment">//</span></div>
<div class="line"><a id="l00130" name="l00130"></a><span class="lineno"> 130</span> <span class="comment">// [問題]：</span></div>
<div class="line"><a id="l00131" name="l00131"></a><span class="lineno"> 131</span> <span class="comment">// https://github.com/ArthurSonzogni/FTXUI/issues/2#issuecomment-505282355</span></div>
<div class="line"><a id="l00132" name="l00132"></a><span class="lineno"> 132</span> <span class="comment">//</span></div>
<div class="line"><a id="l00133" name="l00133"></a><span class="lineno"> 133</span> <span class="comment">// 遺憾的是，Microsoft 終端機無法正確處理隱藏游標。相反地，</span></div>
<div class="line"><a id="l00134" name="l00134"></a><span class="lineno"> 134</span> <span class="comment">// 游標下方的字元會被隱藏，這是一個大問題。因此，我們無法啟用</span></div>
<div class="line"><a id="l00135" name="l00135"></a><span class="lineno"> 135</span> <span class="comment">// 將游標設定到正確的位置。它將顯示在右下角。</span></div>
<div class="line"><a id="l00136" name="l00136"></a><span class="lineno"> 136</span> <span class="comment">// 請參閱：</span></div>
<div class="line"><a id="l00137" name="l00137"></a><span class="lineno"> 137</span> <span class="comment">// https://github.com/microsoft/terminal/issues/1203</span></div>
<div class="line"><a id="l00138" name="l00138"></a><span class="lineno"> 138</span> <span class="comment">// https://github.com/microsoft/terminal/issues/3093</span></div>
<div class="line"><a id="l00139" name="l00139"></a><span class="lineno"> 139</span> &amp;&amp;</div>
<div class="line"><a id="l00140" name="l00140"></a><span class="lineno"> 140</span> node-&gt;requirement().focused.cursor_shape != Screen::Cursor::Shape::Hidden</div>
<div class="line"><a id="l00141" name="l00141"></a><span class="lineno"> 141</span>#endif</div>
<div class="line"><a id="l00142" name="l00142"></a><span class="lineno"> 142</span> ) {</div>
<div class="line"><a id="l00143" name="l00143"></a><span class="lineno"> 143</span> screen.SetCursor(Screen::Cursor{</div>
<div class="line"><a id="l00144" name="l00144"></a><span class="lineno"> 144</span> node-&gt;requirement().focused.node-&gt;box_.x_max,</div>
<div class="line"><a id="l00145" name="l00145"></a><span class="lineno"> 145</span> node-&gt;requirement().focused.node-&gt;box_.y_max,</div>
<div class="line"><a id="l00146" name="l00146"></a><span class="lineno"> 146</span> node-&gt;requirement().focused.cursor_shape,</div>
<div class="line"><a id="l00147" name="l00147"></a><span class="lineno"> 147</span> });</div>
<div class="line"><a id="l00148" name="l00148"></a><span class="lineno"> 148</span> } <span class="keywordflow">else</span> {</div>
<div class="line"><a id="l00149" name="l00149"></a><span class="lineno"> 149</span> screen.SetCursor(Screen::Cursor{</div>
<div class="line"><a id="l00150" name="l00150"></a><span class="lineno"> 150</span> screen.dimx() - 1,</div>
<div class="line"><a id="l00151" name="l00151"></a><span class="lineno"> 151</span> screen.dimy() - 1,</div>
<div class="line"><a id="l00152" name="l00152"></a><span class="lineno"> 152</span> Screen::Cursor::Shape::Hidden,</div>
<div class="line"><a id="l00153" name="l00153"></a><span class="lineno"> 153</span> });</div>
<div class="line"><a id="l00154" name="l00154"></a><span class="lineno"> 154</span> }</div>
<div class="line"><a id="l00155" name="l00155"></a><span class="lineno"> 155</span> </div>
<div class="line"><a id="l00156" name="l00156"></a><span class="lineno"> 156</span> <span class="comment">// 步驟 4：繪製元素。</span></div>
<div class="line"><a id="l00157" name="l00157"></a><span class="lineno"> 157</span> screen.stencil = box;</div>
<div class="line"><a id="l00158" name="l00158"></a><span class="lineno"> 158</span> node-&gt;Render(screen);</div>
<div class="line"><a id="l00159" name="l00159"></a><span class="lineno"> 159</span> </div>
<div class="line"><a id="l00160" name="l00160"></a><span class="lineno"> 160</span> <span class="comment">// 步驟 5：應用著色器</span></div>
<div class="line"><a id="l00161" name="l00161"></a><span class="lineno"> 161</span> screen.ApplyShader();</div>
<div class="line"><a id="l00162" name="l00162"></a><span class="lineno"> 162</span>}</div>
</div>
<div class="line"><a id="l00163" name="l00163"></a><span class="lineno"> 163</span> </div>
<div class="foldopen" id="foldopen00164" data-start="{" data-end="}">
<div class="line"><a id="l00164" name="l00164"></a><span class="lineno"><a class="line" href="node_8cpp.html#a1a3d5804148186b3d4bcc07391ba5f30"> 164</a></span>std::string <a class="code hl_function" href="node_8cpp.html#a1a3d5804148186b3d4bcc07391ba5f30">GetNodeSelectedContent</a>(Screen&amp; screen,</div>
<div class="line"><a id="l00165" name="l00165"></a><span class="lineno"> 165</span> Node* node,</div>
<div class="line"><a id="l00166" name="l00166"></a><span class="lineno"> 166</span> Selection&amp; selection) {</div>
<div class="line"><a id="l00167" name="l00167"></a><span class="lineno"> 167</span> Box box;</div>
<div class="line"><a id="l00168" name="l00168"></a><span class="lineno"> 168</span> box.x_min = 0;</div>
<div class="line"><a id="l00169" name="l00169"></a><span class="lineno"> 169</span> box.y_min = 0;</div>
<div class="line"><a id="l00170" name="l00170"></a><span class="lineno"> 170</span> box.x_max = screen.dimx() - 1;</div>
<div class="line"><a id="l00171" name="l00171"></a><span class="lineno"> 171</span> box.y_max = screen.dimy() - 1;</div>
<div class="line"><a id="l00172" name="l00172"></a><span class="lineno"> 172</span> </div>
<div class="line"><a id="l00173" name="l00173"></a><span class="lineno"> 173</span> Node::Status status;</div>
<div class="line"><a id="l00174" name="l00174"></a><span class="lineno"> 174</span> node-&gt;Check(&amp;status);</div>
<div class="line"><a id="l00175" name="l00175"></a><span class="lineno"> 175</span> <span class="keyword">const</span> <span class="keywordtype">int</span> max_iterations = 20;</div>
<div class="line"><a id="l00176" name="l00176"></a><span class="lineno"> 176</span> <span class="keywordflow">while</span> (status.need_iteration &amp;&amp; status.iteration &lt; max_iterations) {</div>
<div class="line"><a id="l00177" name="l00177"></a><span class="lineno"> 177</span> <span class="comment">// 步驟 1：找出此元素想要的尺寸。</span></div>
<div class="line"><a id="l00178" name="l00178"></a><span class="lineno"> 178</span> node-&gt;ComputeRequirement();</div>
<div class="line"><a id="l00179" name="l00179"></a><span class="lineno"> 179</span> </div>
<div class="line"><a id="l00180" name="l00180"></a><span class="lineno"> 180</span> <span class="comment">// 步驟 2：為元素分配尺寸。</span></div>
<div class="line"><a id="l00181" name="l00181"></a><span class="lineno"> 181</span> node-&gt;SetBox(box);</div>
<div class="line"><a id="l00182" name="l00182"></a><span class="lineno"> 182</span> </div>
<div class="line"><a id="l00183" name="l00183"></a><span class="lineno"> 183</span> <span class="comment">// 檢查元素是否需要佈局演算法的另一次迭代。</span></div>
<div class="line"><a id="l00184" name="l00184"></a><span class="lineno"> 184</span> status.need_iteration = <span class="keyword">false</span>;</div>
<div class="line"><a id="l00185" name="l00185"></a><span class="lineno"> 185</span> status.iteration++;</div>
<div class="line"><a id="l00186" name="l00186"></a><span class="lineno"> 186</span> node-&gt;Check(&amp;status);</div>
<div class="line"><a id="l00187" name="l00187"></a><span class="lineno"> 187</span> }</div>
<div class="line"><a id="l00188" name="l00188"></a><span class="lineno"> 188</span> </div>
<div class="line"><a id="l00189" name="l00189"></a><span class="lineno"> 189</span> <span class="comment">// 步驟 3：選取</span></div>
<div class="line"><a id="l00190" name="l00190"></a><span class="lineno"> 190</span> node-&gt;Select(selection);</div>
<div class="line"><a id="l00191" name="l00191"></a><span class="lineno"> 191</span> </div>
<div class="line"><a id="l00192" name="l00192"></a><span class="lineno"> 192</span> <span class="comment">// 步驟 4：取得選取的內容。</span></div>
<div class="line"><a id="l00193" name="l00193"></a><span class="lineno"> 193</span> <span class="keywordflow">return</span> node-&gt;GetSelectedContent(selection);</div>
<div class="line"><a id="l00194" name="l00194"></a><span class="lineno"> 194</span>}</div>
</div>
<div class="line"><a id="l00195" name="l00195"></a><span class="lineno"> 195</span> </div>
<div class="line"><a id="l00196" name="l00196"></a><span class="lineno"> 196</span>} <span class="comment">// namespace ftxui</span></div>
<div class="ttc" id="abox_8hpp_html"><div class="ttname"><a href="box_8hpp.html">box.hpp</a></div></div>
<div class="ttc" id="agroup__dom_html_a03f5cc5dcad10fecb7a0b8203c86a13e"><div class="ttname"><a href="group__dom.html#a03f5cc5dcad10fecb7a0b8203c86a13e">ftxui::Selection::GetBox</a></div><div class="ttdeci">const Box &amp; GetBox() const</div><div class="ttdoc">取得選取範圍的方塊。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2selection_8cpp_source.html#l00066">src/ftxui/dom/selection.cpp:66</a></div></div>
<div class="ttc" id="agroup__dom_html_a05352f5a353f1e86630a978060e77305"><div class="ttname"><a href="group__dom.html#a05352f5a353f1e86630a978060e77305">ftxui::Node::Select</a></div><div class="ttdeci">virtual void Select(Selection &amp;selection)</div><div class="ttdoc">計算元素的選取範圍。</div><div class="ttdef"><b>Definition</b> <a href="#l00045">node.cpp:45</a></div></div>
<div class="ttc" id="agroup__dom_html_a0d313fac56abd7ebe58a17f1530b879e"><div class="ttname"><a href="group__dom.html#a0d313fac56abd7ebe58a17f1530b879e">ftxui::Node::Node</a></div><div class="ttdeci">Node()</div></div>
<div class="ttc" id="agroup__dom_html_a2aeb117dade3254694355ab90e9fc566"><div class="ttname"><a href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">ftxui::Node::children_</a></div><div class="ttdeci">Elements children_</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00074">node.hpp:74</a></div></div>
<div class="ttc" id="agroup__dom_html_a2ed318aaadb07efc50e76fce1ccf9637"><div class="ttname"><a href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637">ftxui::Node::SetBox</a></div><div class="ttdeci">virtual void SetBox(Box box)</div><div class="ttdoc">為元素分配繪圖位置和尺寸。</div><div class="ttdef"><b>Definition</b> <a href="#l00040">node.cpp:40</a></div></div>
<div class="ttc" id="agroup__dom_html_a3530d99687053ce0d0006b9dee9a1ca7"><div class="ttname"><a href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">ftxui::Node::requirement_</a></div><div class="ttdeci">Requirement requirement_</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00075">node.hpp:75</a></div></div>
<div class="ttc" id="agroup__dom_html_a40bd818c5de23bb2d208360d275ae59d"><div class="ttname"><a href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d">ftxui::Node::ComputeRequirement</a></div><div class="ttdeci">virtual void ComputeRequirement()</div><div class="ttdoc">計算元素所需的空間大小。</div><div class="ttdef"><b>Definition</b> <a href="#l00019">node.cpp:19</a></div></div>
<div class="ttc" id="agroup__dom_html_a6fa6bf60f34f1e3efb0e59333428c9c8"><div class="ttname"><a href="group__dom.html#a6fa6bf60f34f1e3efb0e59333428c9c8">ftxui::Node::~Node</a></div><div class="ttdeci">virtual ~Node()</div></div>
<div class="ttc" id="agroup__dom_html_aa4da656616dd87d4e82a4ee718db6b3c"><div class="ttname"><a href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">ftxui::Requirement::focused</a></div><div class="ttdeci">Focused focused</div><div class="ttdef"><b>Definition</b> <a href="requirement_8hpp_source.html#l00049">requirement.hpp:49</a></div></div>
<div class="ttc" id="agroup__dom_html_aa7e7d30102945911407723a5cbcdfabc"><div class="ttname"><a href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">ftxui::Node::box_</a></div><div class="ttdeci">Box box_</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00076">node.hpp:76</a></div></div>
<div class="ttc" id="agroup__dom_html_classftxui_1_1Selection"><div class="ttname"><a href="group__dom.html#classftxui_1_1Selection">ftxui::Selection</a></div><div class="ttdoc">表示終端機使用者介面中的選取範圍。</div><div class="ttdef"><b>Definition</b> <a href="selection_8hpp_source.html#l00021">selection.hpp:21</a></div></div>
<div class="ttc" id="agroup__dom_html_gad4b8aa9392f56ba41e2b421e046a7d83"><div class="ttname"><a href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a></div><div class="ttdeci">void Render(Screen &amp;screen, const Element &amp;element)</div><div class="ttdoc">在 ftxui::Screen 上顯示元素。</div><div class="ttdef"><b>Definition</b> <a href="#l00082">node.cpp:82</a></div></div>
<div class="ttc" id="agroup__screen_html_a83d40499d9e8740c35dc2352c2ac84a8"><div class="ttname"><a href="group__screen.html#a83d40499d9e8740c35dc2352c2ac84a8">ftxui::Box::Intersection</a></div><div class="ttdeci">static auto Intersection(Box a, Box b) -&gt; Box</div><div class="ttdef"><b>Definition</b> <a href="box_8cpp_source.html#l00011">box.cpp:11</a></div></div>
<div class="ttc" id="agroup__screen_html_structftxui_1_1Box"><div class="ttname"><a href="group__screen.html#structftxui_1_1Box">ftxui::Box</a></div><div class="ttdoc">Box 是一個表示二維空間中矩形區域的結構。</div><div class="ttdef"><b>Definition</b> <a href="box_8hpp_source.html#l00014">box.hpp:14</a></div></div>
<div class="ttc" id="anamespaceftxui_html"><div class="ttname"><a href="namespaceftxui.html">ftxui</a></div><div class="ttdoc">FTXUI 的 ftxui:: 命名空間</div><div class="ttdef"><b>Definition</b> <a href="animation_8hpp_source.html#l00010">animation.hpp:10</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a5d4aa06ca6cc6a72e981bd5386f93f0a"><div class="ttname"><a href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">ftxui::Elements</a></div><div class="ttdeci">std::vector&lt; Element &gt; Elements</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00023">elements.hpp:23</a></div></div>
<div class="ttc" id="anode_8cpp_html_a1a3d5804148186b3d4bcc07391ba5f30"><div class="ttname"><a href="node_8cpp.html#a1a3d5804148186b3d4bcc07391ba5f30">GetNodeSelectedContent</a></div><div class="ttdeci">std::string GetNodeSelectedContent(Screen &amp;screen, Node *node, Selection &amp;selection)</div><div class="ttdef"><b>Definition</b> <a href="#l00164">node.cpp:164</a></div></div>
<div class="ttc" id="anode_8hpp_html"><div class="ttname"><a href="node_8hpp.html">node.hpp</a></div></div>
<div class="ttc" id="ascreen_8hpp_html"><div class="ttname"><a href="screen_8hpp.html">screen.hpp</a></div></div>
<div class="ttc" id="aselection_8hpp_html"><div class="ttname"><a href="selection_8hpp.html">selection.hpp</a></div></div>
<div class="ttc" id="astructftxui_1_1Node_1_1Status_html"><div class="ttname"><a href="structftxui_1_1Node_1_1Status.html">ftxui::Node::Status</a></div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00065">node.hpp:65</a></div></div>
<div class="ttc" id="astructftxui_1_1Node_1_1Status_html_a0fffbfa5479a3b6d3ddf5ff13504a51c"><div class="ttname"><a href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">ftxui::Node::Status::need_iteration</a></div><div class="ttdeci">bool need_iteration</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00067">node.hpp:67</a></div></div>
<div class="ttc" id="astructftxui_1_1Node_1_1Status_html_aa6371382c6b4224e577e14ea610ab9a9"><div class="ttname"><a href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">ftxui::Node::Status::iteration</a></div><div class="ttdeci">int iteration</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00066">node.hpp:66</a></div></div>
<div class="ttc" id="astructftxui_1_1Requirement_1_1Focused_html_a8740ba80e30dd75e71d09fa1dcf04f3d"><div class="ttname"><a href="structftxui_1_1Requirement_1_1Focused.html#a8740ba80e30dd75e71d09fa1dcf04f3d">ftxui::Requirement::Focused::enabled</a></div><div class="ttdeci">bool enabled</div><div class="ttdef"><b>Definition</b> <a href="requirement_8hpp_source.html#l00029">requirement.hpp:29</a></div></div>
</div><!-- fragment --></div><!-- contents -->
</div><!-- doc-content -->
<!-- HTML footer for doxygen 1.9.8-->
<!-- start footer part -->
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const projectNumber = document.getElementById('projectname');
if (!projectNumber) {
console.warn('Doxygen element with ID "projectnumber" not found. Cannot add version switcher.');
return;
}
const langs = ["en", "es", "fr", "ja", "zh-CH", "zh-TW"];
const lang_paths = {"en": "../index.html", "es": "../es/index.html", "fr": "../fr/index.html", "ja": "../ja/index.html", "zh-CH": "../zh-CH/index.html", "zh-TW": "index.html"};
const lang_display = {"en": "English", "es": "Espa\u00f1ol", "fr": "Fran\u00e7ais", "ja": "\u65e5\u672c\u8a9e", "zh-CH": "\u4e2d\u6587 (\u7b80\u4f53)", "zh-TW": "\u4e2d\u6587 (\u7e41\u9ad4)"};
const versions = ["main"];
const version_paths = {"main": "index.html"};
const currentLang = "zh-TW";
const currentVersion = "main";
// Helper function to create a styled select element
const createSelect = (options, current, paths, label, displayMap = null) => {
const select = document.createElement('select');
select.title = label;
select.onchange = function() {
const selectedValue = this.value;
if (selectedValue in paths) {
window.location.href = paths[selectedValue];
}
};
// Sort versions: 'main' first, then others numerically descending.
options.sort((a, b) => {
if (a === 'main') return -1;
if (b === 'main') return 1;
return b.localeCompare(a, undefined, { numeric: true, sensitivity: 'base' });
});
options.forEach(v => {
const option = document.createElement('option');
option.value = v;
// Use the displayMap if provided, otherwise default to the value (v)
option.textContent = displayMap ? displayMap[v] : v;
if (v === current) {
option.selected = true;
}
select.appendChild(option);
});
// Apply some styling to make it look good.
Object.assign(select.style, {
backgroundColor: 'rgba(0, 0, 0, 0.8)',
color: 'white',
border: '1px solid rgba(255, 255, 255, 0.2)',
padding: '5px',
borderRadius: '5px',
fontSize: '14px',
fontFamily: 'inherit',
margin: '0 5px 0 0',
cursor: 'pointer'
});
return select;
};
// 1. Create Language Switcher, passing the language display names map
const langSelect = createSelect(langs, currentLang, lang_paths, 'Select Language', lang_display);
// 2. Create Version Switcher
const versionSelect = createSelect(versions, currentVersion, version_paths, 'Select Version');
// 3. Create FTXUI title.
const ftxuiTitle = document.createElement('span');
ftxuiTitle.textContent = 'FTXUI: ';
Object.assign(ftxuiTitle.style, {
color: 'white',
fontSize: '20px',
fontWeight: 'bold',
marginRight: '10px'
});
// 3. Create a container to hold both selectors
const container = document.createElement('div');
container.id = 'version-lang-switchers';
Object.assign(container.style, {
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
width: 'auto'
});
container.appendChild(ftxuiTitle);
container.appendChild(langSelect);
container.appendChild(versionSelect);
Object.assign(container.style, {
backgroundColor: 'rgba(0, 0, 0, 0.5)',
padding: '5px 10px',
borderRadius: '8px'
});
// Replace the Doxygen project number element with our container.
projectNumber.replaceWith(container);
// Clean up the original Doxygen project number text if it still exists nearby
const parent = container.parentElement;
if (parent) {
const textNode = Array.from(parent.childNodes).find(n => n.nodeType === 3 && n.textContent.trim() !== '');
if (textNode) {
textNode.remove();
}
}
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink