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/component__base_8hpp_source.html
ArthurSonzogni 02764cd443 deploy: 9f4b2bcf96
2025-12-13 19:38:34 +00:00

458 lines
46 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: component_base.hpp 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('component__base_8hpp_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">component_base.hpp</div></div>
</div><!--header-->
<div class="contents">
<a href="component__base_8hpp.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. 保留所有權利。</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">#ifndef FTXUI_COMPONENT_BASE_HPP</span></div>
<div class="line"><a id="l00004" name="l00004"></a><span class="lineno"> 4</span><span class="preprocessor">#define FTXUI_COMPONENT_BASE_HPP</span></div>
<div class="line"><a id="l00005" name="l00005"></a><span class="lineno"> 5</span> </div>
<div class="line"><a id="l00006" name="l00006"></a><span class="lineno"> 6</span><span class="preprocessor">#include &lt;memory&gt;</span> <span class="comment">// for unique_ptr</span></div>
<div class="line"><a id="l00007" name="l00007"></a><span class="lineno"> 7</span><span class="preprocessor">#include &lt;vector&gt;</span> <span class="comment">// for vector</span></div>
<div class="line"><a id="l00008" name="l00008"></a><span class="lineno"> 8</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="captured__mouse_8hpp.html">ftxui/component/captured_mouse.hpp</a>&quot;</span> <span class="comment">// for CaptureMouse</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="elements_8hpp.html">ftxui/dom/elements.hpp</a>&quot;</span> <span class="comment">// for Element</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><span class="keyword">class </span>Delegate;</div>
<div class="line"><a id="l00015" name="l00015"></a><span class="lineno"> 15</span><span class="keyword">class </span>Focus;</div>
<div class="line"><a id="l00016" name="l00016"></a><span class="lineno"> 16</span><span class="keyword">struct </span>Event;</div>
<div class="line"><a id="l00017" name="l00017"></a><span class="lineno"> 17</span> </div>
<div class="line"><a id="l00018" name="l00018"></a><span class="lineno"> 18</span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceanimation.html">animation</a> {</div>
<div class="line"><a id="l00019" name="l00019"></a><span class="lineno"> 19</span><span class="keyword">class </span>Params;</div>
<div class="line"><a id="l00020" name="l00020"></a><span class="lineno"> 20</span>} <span class="comment">// namespace animation</span></div>
<div class="line"><a id="l00021" name="l00021"></a><span class="lineno"> 21</span> </div>
<div class="line"><a id="l00022" name="l00022"></a><span class="lineno"> 22</span><span class="keyword">class </span>ComponentBase;</div>
<div class="line"><a id="l00023" name="l00023"></a><span class="lineno"><a class="line" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3"> 23</a></span><span class="keyword">using </span><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> = std::shared_ptr&lt;ComponentBase&gt;;</div>
<div class="line"><a id="l00024" name="l00024"></a><span class="lineno"><a class="line" href="namespaceftxui.html#a3d4ccad0c8a07d5b0cb4b2e690ffc90c"> 24</a></span><span class="keyword">using </span><a class="code hl_typedef" href="namespaceftxui.html#a3d4ccad0c8a07d5b0cb4b2e690ffc90c">Components</a> = std::vector&lt;Component&gt;;</div>
<div class="line"><a id="l00025" name="l00025"></a><span class="lineno"> 25</span><span class="comment"></span> </div>
<div class="line"><a id="l00026" name="l00026"></a><span class="lineno"> 26</span><span class="comment">/// @brief 它將自己實作為 ftxui::Element 進行渲染。它透過回應 ftxui::Event 來實現鍵盤導航。</span></div>
<div class="line"><a id="l00027" name="l00027"></a><span class="lineno"> 27</span><span class="comment">/// @ingroup component</span></div>
<div class="foldopen" id="foldopen00028" data-start="{" data-end="};">
<div class="line"><a id="l00028" name="l00028"></a><span class="lineno"><a class="line" href="group__component.html"> 28</a></span><span class="comment"></span><span class="keyword">class </span><a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a> {</div>
<div class="line"><a id="l00029" name="l00029"></a><span class="lineno"> 29</span> <span class="keyword">public</span>:</div>
<div class="foldopen" id="foldopen00030" data-start="{" data-end="}">
<div class="line"><a id="l00030" name="l00030"></a><span class="lineno"><a class="line" href="group__component.html#ad2a5b6ce11bc7a8ce1150cf0ba9144c0"> 30</a></span> <span class="keyword">explicit</span> <a class="code hl_function" href="group__component.html#ad2a5b6ce11bc7a8ce1150cf0ba9144c0">ComponentBase</a>(<a class="code hl_typedef" href="namespaceftxui.html#a3d4ccad0c8a07d5b0cb4b2e690ffc90c">Components</a> children)</div>
<div class="line"><a id="l00031" name="l00031"></a><span class="lineno"> 31</span> : <a class="code hl_variable" href="group__component.html#a22b4fa4d6aa4c9c2eef275cd25aa8ab9">children_</a>(std::move(children)) {}</div>
</div>
<div class="line"><a id="l00032" name="l00032"></a><span class="lineno"> 32</span> <span class="keyword">virtual</span> <a class="code hl_function" href="group__component.html#ae490d465a018a9d81bb4e30604708fba">~ComponentBase</a>();</div>
<div class="line"><a id="l00033" name="l00033"></a><span class="lineno"><a class="line" href="group__component.html#acda4c8b63ffbc2e9e2e28f056edbf01c"> 33</a></span> <a class="code hl_function" href="group__component.html#acda4c8b63ffbc2e9e2e28f056edbf01c">ComponentBase</a>() = <span class="keywordflow">default</span>;</div>
<div class="line"><a id="l00034" name="l00034"></a><span class="lineno"> 34</span> </div>
<div class="line"><a id="l00035" name="l00035"></a><span class="lineno"> 35</span> <span class="comment">// 元件不可複製/移動。</span></div>
<div class="line"><a id="l00036" name="l00036"></a><span class="lineno"><a class="line" href="group__component.html#abd8cf6a9df5eb4678fb9925b686c7aea"> 36</a></span> <a class="code hl_function" href="group__component.html#abd8cf6a9df5eb4678fb9925b686c7aea">ComponentBase</a>(<span class="keyword">const</span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>&amp;) = <span class="keyword">delete</span>;</div>
<div class="line"><a id="l00037" name="l00037"></a><span class="lineno"><a class="line" href="group__component.html#a9b3cf357cf150023641969d5fcb7d08f"> 37</a></span> <a class="code hl_function" href="group__component.html#a9b3cf357cf150023641969d5fcb7d08f">ComponentBase</a>(<a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>&amp;&amp;) = <span class="keyword">delete</span>;</div>
<div class="line"><a id="l00038" name="l00038"></a><span class="lineno"><a class="line" href="group__component.html#ac444ac233dcbd4b2ad7972d2086ecc73"> 38</a></span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>&amp; <a class="code hl_function" href="group__component.html#ac444ac233dcbd4b2ad7972d2086ecc73">operator=</a>(<span class="keyword">const</span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>&amp;) = <span class="keyword">delete</span>;</div>
<div class="line"><a id="l00039" name="l00039"></a><span class="lineno"><a class="line" href="group__component.html#a9e3b99c8fc32f2ce151e2ba737c0d546"> 39</a></span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>&amp; <a class="code hl_function" href="group__component.html#a9e3b99c8fc32f2ce151e2ba737c0d546">operator=</a>(<a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>&amp;&amp;) = <span class="keyword">delete</span>;</div>
<div class="line"><a id="l00040" name="l00040"></a><span class="lineno"> 40</span> </div>
<div class="line"><a id="l00041" name="l00041"></a><span class="lineno"> 41</span> <span class="comment">// 元件階層：</span></div>
<div class="line"><a id="l00042" name="l00042"></a><span class="lineno"> 42</span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>* <a class="code hl_function" href="group__component.html#aaf284a408631f31558694973a04186c2">Parent</a>() <span class="keyword">const</span>;</div>
<div class="line"><a id="l00043" name="l00043"></a><span class="lineno"> 43</span> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a>&amp; <a class="code hl_function" href="group__component.html#aceb41a98abe10fb0b521ff8b65529b7f">ChildAt</a>(<span class="keywordtype">size_t</span> i);</div>
<div class="line"><a id="l00044" name="l00044"></a><span class="lineno"> 44</span> <span class="keywordtype">size_t</span> <a class="code hl_function" href="group__component.html#a9ae5f77e923e2f0f8b0e26dcd4affb5b">ChildCount</a>() <span class="keyword">const</span>;</div>
<div class="line"><a id="l00045" name="l00045"></a><span class="lineno"> 45</span> <span class="keywordtype">int</span> <a class="code hl_function" href="group__component.html#a8ef12397d1682615bc3108c397734179">Index</a>() <span class="keyword">const</span>;</div>
<div class="line"><a id="l00046" name="l00046"></a><span class="lineno"> 46</span> <span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a21f040bec9104e164bfa6c3ad45be3a1">Add</a>(<a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> children);</div>
<div class="line"><a id="l00047" name="l00047"></a><span class="lineno"> 47</span> <span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#abb7a2b60240651d16e17d02eb6f636cf">Detach</a>();</div>
<div class="line"><a id="l00048" name="l00048"></a><span class="lineno"> 48</span> <span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a84bd6480cf5e8f51cf5965f81b1f2460">DetachAllChildren</a>();</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> <span class="comment">// 渲染元件。</span></div>
<div class="line"><a id="l00051" name="l00051"></a><span class="lineno"> 51</span> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_function" href="group__component.html#a28d41d6113c5b29c8dd45846582b3299">Render</a>();</div>
<div class="line"><a id="l00052" name="l00052"></a><span class="lineno"> 52</span> </div>
<div class="line"><a id="l00053" name="l00053"></a><span class="lineno"> 53</span> <span class="comment">// 覆寫此函式以修改 `Render` 的運作方式。</span></div>
<div class="line"><a id="l00054" name="l00054"></a><span class="lineno"> 54</span> <span class="keyword">virtual</span> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_function" href="group__component.html#ab79303652dad19eac0540848487cf8c5">OnRender</a>();</div>
<div class="line"><a id="l00055" name="l00055"></a><span class="lineno"> 55</span> </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">// 預設情況下，使用惰性 OR 對子元件進行縮減。</span></div>
<div class="line"><a id="l00058" name="l00058"></a><span class="lineno"> 58</span> <span class="comment">//</span></div>
<div class="line"><a id="l00059" name="l00059"></a><span class="lineno"> 59</span> <span class="comment">// 返回事件是否已處理。</span></div>
<div class="line"><a id="l00060" name="l00060"></a><span class="lineno"> 60</span> <span class="keyword">virtual</span> <span class="keywordtype">bool</span> <a class="code hl_function" href="group__component.html#ab84629a8fecad2e1cdd426b7ddc72277">OnEvent</a>(<a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a>);</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> <span class="comment">// 處理動畫步驟。</span></div>
<div class="line"><a id="l00063" name="l00063"></a><span class="lineno"> 63</span> <span class="keyword">virtual</span> <span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#aebad858485d02f035a8ea34af66a7fa7">OnAnimation</a>(<a class="code hl_class" href="classftxui_1_1animation_1_1Params.html">animation::Params</a>&amp; params);</div>
<div class="line"><a id="l00064" name="l00064"></a><span class="lineno"> 64</span> </div>
<div class="line"><a id="l00065" name="l00065"></a><span class="lineno"> 65</span> <span class="comment">// 焦點管理 ----------------------------------------------------------</span></div>
<div class="line"><a id="l00066" name="l00066"></a><span class="lineno"> 66</span> <span class="comment">//</span></div>
<div class="line"><a id="l00067" name="l00067"></a><span class="lineno"> 67</span> <span class="comment">// 如果此元件包含子元件，這表示哪個是活動的，</span></div>
<div class="line"><a id="l00068" name="l00068"></a><span class="lineno"> 68</span> <span class="comment">// 如果沒有活動的，則為 nullptr。</span></div>
<div class="line"><a id="l00069" name="l00069"></a><span class="lineno"> 69</span> <span class="comment">//</span></div>
<div class="line"><a id="l00070" name="l00070"></a><span class="lineno"> 70</span> <span class="comment">// 如果從根元件的 ActiveChild() 鏈包含此物件，我們稱一個元素具有焦點。</span></div>
<div class="line"><a id="l00071" name="l00071"></a><span class="lineno"> 71</span> <span class="keyword">virtual</span> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="group__component.html#a5c421f00a2a7f50c542c5c286d2e696c">ActiveChild</a>();</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="comment">// 當元件包含可聚焦元素時返回 true。</span></div>
<div class="line"><a id="l00074" name="l00074"></a><span class="lineno"> 74</span> <span class="comment">// 使用鍵盤導航時將跳過不可聚焦的元件。</span></div>
<div class="line"><a id="l00075" name="l00075"></a><span class="lineno"> 75</span> <span class="keyword">virtual</span> <span class="keywordtype">bool</span> <a class="code hl_function" href="group__component.html#a02ccd3db74312f1c66aa8e7931489318">Focusable</a>() <span class="keyword">const</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="comment">// 這是否是其父元件的活動子元件。</span></div>
<div class="line"><a id="l00078" name="l00078"></a><span class="lineno"> 78</span> <span class="keywordtype">bool</span> <a class="code hl_function" href="group__component.html#a52beef6d7a687d4d109e6cec1606e32e">Active</a>() <span class="keyword">const</span>;</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="keywordtype">bool</span> <a class="code hl_function" href="group__component.html#a0cc612fa3d753b456e0f480f44654a9f">Focused</a>() <span class="keyword">const</span>;</div>
<div class="line"><a id="l00081" name="l00081"></a><span class="lineno"> 81</span> </div>
<div class="line"><a id="l00082" name="l00082"></a><span class="lineno"> 82</span> <span class="comment">// 使 |child| 成為「活動」元件。</span></div>
<div class="line"><a id="l00083" name="l00083"></a><span class="lineno"> 83</span> <span class="keyword">virtual</span> <span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a8cbf27680c6154e15c8b32d6601340de">SetActiveChild</a>(<a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>* child);</div>
<div class="line"><a id="l00084" name="l00084"></a><span class="lineno"> 84</span> <span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a8cbf27680c6154e15c8b32d6601340de">SetActiveChild</a>(<a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> child);</div>
<div class="line"><a id="l00085" name="l00085"></a><span class="lineno"> 85</span> </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="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a2cf27e9d7128a6a4b3263ecd34c19105">TakeFocus</a>();</div>
<div class="line"><a id="l00088" name="l00088"></a><span class="lineno"> 88</span> </div>
<div class="line"><a id="l00089" name="l00089"></a><span class="lineno"> 89</span> <span class="keyword">protected</span>:</div>
<div class="line"><a id="l00090" name="l00090"></a><span class="lineno"> 90</span> <a class="code hl_typedef" href="namespaceftxui.html#a24b663cb6b0b262055c94d3a03bdd274">CapturedMouse</a> <a class="code hl_function" href="group__component.html#a164d10a2cf367bdd4ae14318a6c7d769">CaptureMouse</a>(<span class="keyword">const</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a>&amp; event);</div>
<div class="line"><a id="l00091" name="l00091"></a><span class="lineno"> 91</span> </div>
<div class="line"><a id="l00092" name="l00092"></a><span class="lineno"><a class="line" href="group__component.html#a22b4fa4d6aa4c9c2eef275cd25aa8ab9"> 92</a></span> <a class="code hl_typedef" href="namespaceftxui.html#a3d4ccad0c8a07d5b0cb4b2e690ffc90c">Components</a> <a class="code hl_variable" href="group__component.html#a22b4fa4d6aa4c9c2eef275cd25aa8ab9">children_</a>;</div>
<div class="line"><a id="l00093" name="l00093"></a><span class="lineno"> 93</span> </div>
<div class="line"><a id="l00094" name="l00094"></a><span class="lineno"> 94</span> <span class="keyword">private</span>:</div>
<div class="line"><a id="l00095" name="l00095"></a><span class="lineno"> 95</span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a>* parent_ = <span class="keyword">nullptr</span>;</div>
<div class="line"><a id="l00096" name="l00096"></a><span class="lineno"> 96</span> <span class="keywordtype">bool</span> in_render = <span class="keyword">false</span>;</div>
<div class="line"><a id="l00097" name="l00097"></a><span class="lineno"> 97</span>};</div>
</div>
<div class="line"><a id="l00098" name="l00098"></a><span class="lineno"> 98</span> </div>
<div class="line"><a id="l00099" name="l00099"></a><span class="lineno"> 99</span>} <span class="comment">// namespace ftxui</span></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><span class="preprocessor">#endif </span><span class="comment">/* 包含防護結束: FTXUI_COMPONENT_BASE_HPP */</span><span class="preprocessor"></span></div>
<div class="ttc" id="acaptured__mouse_8hpp_html"><div class="ttname"><a href="captured__mouse_8hpp.html">captured_mouse.hpp</a></div></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Params_html"><div class="ttname"><a href="classftxui_1_1animation_1_1Params.html">ftxui::animation::Params</a></div><div class="ttdef"><b>Definition</b> <a href="animation_8hpp_source.html#l00028">animation.hpp:28</a></div></div>
<div class="ttc" id="aelements_8hpp_html"><div class="ttname"><a href="elements_8hpp.html">elements.hpp</a></div></div>
<div class="ttc" id="agroup__component_html_a02ccd3db74312f1c66aa8e7931489318"><div class="ttname"><a href="group__component.html#a02ccd3db74312f1c66aa8e7931489318">ftxui::ComponentBase::Focusable</a></div><div class="ttdeci">virtual bool Focusable() const</div><div class="ttdoc">當組件包含可聚焦元素時返回 true。 使用鍵盤導航時，不可聚焦的組件將被跳過。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00178">component.cpp:178</a></div></div>
<div class="ttc" id="agroup__component_html_a0cc612fa3d753b456e0f480f44654a9f"><div class="ttname"><a href="group__component.html#a0cc612fa3d753b456e0f480f44654a9f">ftxui::ComponentBase::Focused</a></div><div class="ttdeci">bool Focused() const</div><div class="ttdoc">返回元素是否被使用者聚焦。 當 ComponentBase 被使用者聚焦時返回 true。當一個元素及其所有祖先都是其父項的 ActiveChild() 並且它是 Focusable() 時，該元素被聚...</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00194">component.cpp:194</a></div></div>
<div class="ttc" id="agroup__component_html_a164d10a2cf367bdd4ae14318a6c7d769"><div class="ttname"><a href="group__component.html#a164d10a2cf367bdd4ae14318a6c7d769">ftxui::ComponentBase::CaptureMouse</a></div><div class="ttdeci">CapturedMouse CaptureMouse(const Event &amp;event)</div><div class="ttdoc">如果可用，則取得 CapturedMouse。它們只有一個組件。它代表一個優先於其他組件的組件。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00223">component.cpp:223</a></div></div>
<div class="ttc" id="agroup__component_html_a21f040bec9104e164bfa6c3ad45be3a1"><div class="ttname"><a href="group__component.html#a21f040bec9104e164bfa6c3ad45be3a1">ftxui::ComponentBase::Add</a></div><div class="ttdeci">void Add(Component children)</div><div class="ttdoc">新增一個子項。 @param child 要附加的子項。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00069">component.cpp:69</a></div></div>
<div class="ttc" id="agroup__component_html_a22b4fa4d6aa4c9c2eef275cd25aa8ab9"><div class="ttname"><a href="group__component.html#a22b4fa4d6aa4c9c2eef275cd25aa8ab9">ftxui::ComponentBase::children_</a></div><div class="ttdeci">Components children_</div><div class="ttdef"><b>Definition</b> <a href="#l00092">component_base.hpp:92</a></div></div>
<div class="ttc" id="agroup__component_html_a28d41d6113c5b29c8dd45846582b3299"><div class="ttname"><a href="group__component.html#a28d41d6113c5b29c8dd45846582b3299">ftxui::ComponentBase::Render</a></div><div class="ttdeci">Element Render()</div><div class="ttdoc">繪製組件。 建構一個 ftxui::Element，用於在表示此 ftxui::ComponentBase 的 ftxui::Screen 上繪製。請覆寫 OnRender() 以修改渲染。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00101">component.cpp:101</a></div></div>
<div class="ttc" id="agroup__component_html_a2cf27e9d7128a6a4b3263ecd34c19105"><div class="ttname"><a href="group__component.html#a2cf27e9d7128a6a4b3263ecd34c19105">ftxui::ComponentBase::TakeFocus</a></div><div class="ttdeci">void TakeFocus()</div><div class="ttdoc">配置所有祖先以將焦點給予此組件。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00213">component.cpp:213</a></div></div>
<div class="ttc" id="agroup__component_html_a52beef6d7a687d4d109e6cec1606e32e"><div class="ttname"><a href="group__component.html#a52beef6d7a687d4d109e6cec1606e32e">ftxui::ComponentBase::Active</a></div><div class="ttdeci">bool Active() const</div><div class="ttdoc">返回該元素是否為其父項的目前活躍子項。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00188">component.cpp:188</a></div></div>
<div class="ttc" id="agroup__component_html_a5c421f00a2a7f50c542c5c286d2e696c"><div class="ttname"><a href="group__component.html#a5c421f00a2a7f50c542c5c286d2e696c">ftxui::ComponentBase::ActiveChild</a></div><div class="ttdeci">virtual Component ActiveChild()</div><div class="ttdoc">返回目前活躍的子項。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00167">component.cpp:167</a></div></div>
<div class="ttc" id="agroup__component_html_a84bd6480cf5e8f51cf5965f81b1f2460"><div class="ttname"><a href="group__component.html#a84bd6480cf5e8f51cf5965f81b1f2460">ftxui::ComponentBase::DetachAllChildren</a></div><div class="ttdeci">void DetachAllChildren()</div><div class="ttdoc">移除所有子項。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00093">component.cpp:93</a></div></div>
<div class="ttc" id="agroup__component_html_a8cbf27680c6154e15c8b32d6601340de"><div class="ttname"><a href="group__component.html#a8cbf27680c6154e15c8b32d6601340de">ftxui::ComponentBase::SetActiveChild</a></div><div class="ttdeci">virtual void SetActiveChild(ComponentBase *child)</div><div class="ttdoc">使 |child| 成為「活躍」的子項。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00204">component.cpp:204</a></div></div>
<div class="ttc" id="agroup__component_html_a8ef12397d1682615bc3108c397734179"><div class="ttname"><a href="group__component.html#a8ef12397d1682615bc3108c397734179">ftxui::ComponentBase::Index</a></div><div class="ttdeci">int Index() const</div><div class="ttdoc">返回組件在其父項中的索引。如果沒有父項則返回 -1。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00053">component.cpp:53</a></div></div>
<div class="ttc" id="agroup__component_html_a9ae5f77e923e2f0f8b0e26dcd4affb5b"><div class="ttname"><a href="group__component.html#a9ae5f77e923e2f0f8b0e26dcd4affb5b">ftxui::ComponentBase::ChildCount</a></div><div class="ttdeci">size_t ChildCount() const</div><div class="ttdoc">返回子項的數量。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00048">component.cpp:48</a></div></div>
<div class="ttc" id="agroup__component_html_a9b3cf357cf150023641969d5fcb7d08f"><div class="ttname"><a href="group__component.html#a9b3cf357cf150023641969d5fcb7d08f">ftxui::ComponentBase::ComponentBase</a></div><div class="ttdeci">ComponentBase(ComponentBase &amp;&amp;)=delete</div></div>
<div class="ttc" id="agroup__component_html_a9e3b99c8fc32f2ce151e2ba737c0d546"><div class="ttname"><a href="group__component.html#a9e3b99c8fc32f2ce151e2ba737c0d546">ftxui::ComponentBase::operator=</a></div><div class="ttdeci">ComponentBase &amp; operator=(ComponentBase &amp;&amp;)=delete</div></div>
<div class="ttc" id="agroup__component_html_aaf284a408631f31558694973a04186c2"><div class="ttname"><a href="group__component.html#aaf284a408631f31558694973a04186c2">ftxui::ComponentBase::Parent</a></div><div class="ttdeci">ComponentBase * Parent() const</div><div class="ttdoc">返回父 ComponentBase，如果沒有則返回空。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00037">component.cpp:37</a></div></div>
<div class="ttc" id="agroup__component_html_ab79303652dad19eac0540848487cf8c5"><div class="ttname"><a href="group__component.html#ab79303652dad19eac0540848487cf8c5">ftxui::ComponentBase::OnRender</a></div><div class="ttdeci">virtual Element OnRender()</div><div class="ttdoc">繪製組件。 建構一個 ftxui::Element，用於在表示此 ftxui::ComponentBase 的 ftxi::Screen 上繪製。此函數旨在被覆寫。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00135">component.cpp:135</a></div></div>
<div class="ttc" id="agroup__component_html_ab84629a8fecad2e1cdd426b7ddc72277"><div class="ttname"><a href="group__component.html#ab84629a8fecad2e1cdd426b7ddc72277">ftxui::ComponentBase::OnEvent</a></div><div class="ttdeci">virtual bool OnEvent(Event)</div><div class="ttdoc">回應事件時呼叫。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00147">component.cpp:147</a></div></div>
<div class="ttc" id="agroup__component_html_abb7a2b60240651d16e17d02eb6f636cf"><div class="ttname"><a href="group__component.html#abb7a2b60240651d16e17d02eb6f636cf">ftxui::ComponentBase::Detach</a></div><div class="ttdeci">void Detach()</div><div class="ttdoc">將此子項從其父項中分離。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00078">component.cpp:78</a></div></div>
<div class="ttc" id="agroup__component_html_abd8cf6a9df5eb4678fb9925b686c7aea"><div class="ttname"><a href="group__component.html#abd8cf6a9df5eb4678fb9925b686c7aea">ftxui::ComponentBase::ComponentBase</a></div><div class="ttdeci">ComponentBase(const ComponentBase &amp;)=delete</div></div>
<div class="ttc" id="agroup__component_html_ac444ac233dcbd4b2ad7972d2086ecc73"><div class="ttname"><a href="group__component.html#ac444ac233dcbd4b2ad7972d2086ecc73">ftxui::ComponentBase::operator=</a></div><div class="ttdeci">ComponentBase &amp; operator=(const ComponentBase &amp;)=delete</div></div>
<div class="ttc" id="agroup__component_html_acda4c8b63ffbc2e9e2e28f056edbf01c"><div class="ttname"><a href="group__component.html#acda4c8b63ffbc2e9e2e28f056edbf01c">ftxui::ComponentBase::ComponentBase</a></div><div class="ttdeci">ComponentBase()=default</div></div>
<div class="ttc" id="agroup__component_html_aceb41a98abe10fb0b521ff8b65529b7f"><div class="ttname"><a href="group__component.html#aceb41a98abe10fb0b521ff8b65529b7f">ftxui::ComponentBase::ChildAt</a></div><div class="ttdeci">Component &amp; ChildAt(size_t i)</div><div class="ttdoc">存取索引 i 處的子項。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00042">component.cpp:42</a></div></div>
<div class="ttc" id="agroup__component_html_ad2a5b6ce11bc7a8ce1150cf0ba9144c0"><div class="ttname"><a href="group__component.html#ad2a5b6ce11bc7a8ce1150cf0ba9144c0">ftxui::ComponentBase::ComponentBase</a></div><div class="ttdeci">ComponentBase(Components children)</div><div class="ttdef"><b>Definition</b> <a href="#l00030">component_base.hpp:30</a></div></div>
<div class="ttc" id="agroup__component_html_ae490d465a018a9d81bb4e30604708fba"><div class="ttname"><a href="group__component.html#ae490d465a018a9d81bb4e30604708fba">ftxui::ComponentBase::~ComponentBase</a></div><div class="ttdeci">virtual ~ComponentBase()</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00030">component.cpp:30</a></div></div>
<div class="ttc" id="agroup__component_html_aebad858485d02f035a8ea34af66a7fa7"><div class="ttname"><a href="group__component.html#aebad858485d02f035a8ea34af66a7fa7">ftxui::ComponentBase::OnAnimation</a></div><div class="ttdeci">virtual void OnAnimation(animation::Params &amp;params)</div><div class="ttdoc">回應動畫事件時呼叫。</div><div class="ttdef"><b>Definition</b> <a href="component_8cpp_source.html#l00159">component.cpp:159</a></div></div>
<div class="ttc" id="agroup__component_html_classftxui_1_1ComponentBase"><div class="ttname"><a href="group__component.html#classftxui_1_1ComponentBase">ftxui::ComponentBase</a></div><div class="ttdoc">它將自己實作為 ftxui::Element 進行渲染。它透過回應 ftxui::Event 來實現鍵盤導航。</div><div class="ttdef"><b>Definition</b> <a href="#l00028">component_base.hpp:28</a></div></div>
<div class="ttc" id="agroup__component_html_structftxui_1_1Event"><div class="ttname"><a href="group__component.html#structftxui_1_1Event">ftxui::Event</a></div><div class="ttdoc">代表一個事件。它可以是按鍵事件、終端機大小調整，或更多...</div><div class="ttdef"><b>Definition</b> <a href="event_8hpp_source.html#l00027">event.hpp:27</a></div></div>
<div class="ttc" id="anamespaceanimation_html"><div class="ttname"><a href="namespaceanimation.html">animation</a></div><div class="ttdoc">FTXUI 的 ftxui::animation:: 命名空間</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_a24b663cb6b0b262055c94d3a03bdd274"><div class="ttname"><a href="namespaceftxui.html#a24b663cb6b0b262055c94d3a03bdd274">ftxui::CapturedMouse</a></div><div class="ttdeci">std::unique_ptr&lt; CapturedMouseInterface &gt; CapturedMouse</div><div class="ttdef"><b>Definition</b> <a href="captured__mouse_8hpp_source.html#l00020">captured_mouse.hpp:20</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a2bc31f2d685189e5c61d2293a1f51b4f"><div class="ttname"><a href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">ftxui::Element</a></div><div class="ttdeci">std::shared_ptr&lt; Node &gt; Element</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00022">elements.hpp:22</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a3d4ccad0c8a07d5b0cb4b2e690ffc90c"><div class="ttname"><a href="namespaceftxui.html#a3d4ccad0c8a07d5b0cb4b2e690ffc90c">ftxui::Components</a></div><div class="ttdeci">std::vector&lt; Component &gt; Components</div><div class="ttdef"><b>Definition</b> <a href="#l00024">component_base.hpp:24</a></div></div>
<div class="ttc" id="anamespaceftxui_html_af1479ede01dbf087342534ab4ada11d3"><div class="ttname"><a href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">ftxui::Component</a></div><div class="ttdeci">std::shared_ptr&lt; ComponentBase &gt; Component</div><div class="ttdef"><b>Definition</b> <a href="#l00023">component_base.hpp:23</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