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

445 lines
45 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: table.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('table_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">table.hpp</div></div>
</div><!--header-->
<div class="contents">
<a href="table_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 2021 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">#ifndef FTXUI_DOM_TABLE</span></div>
<div class="line"><a id="l00004" name="l00004"></a><span class="lineno"> 4</span><span class="preprocessor">#define FTXUI_DOM_TABLE</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;string&gt;</span> <span class="comment">// for string</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="elements_8hpp.html">ftxui/dom/elements.hpp</a>&quot;</span> <span class="comment">// for Element, BorderStyle, LIGHT, Decorator</span></div>
<div class="line"><a id="l00010" name="l00010"></a><span class="lineno"> 10</span> </div>
<div class="line"><a id="l00011" name="l00011"></a><span class="lineno"> 11</span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a> {</div>
<div class="line"><a id="l00012" name="l00012"></a><span class="lineno"> 12</span> </div>
<div class="line"><a id="l00013" name="l00013"></a><span class="lineno"> 13</span><span class="keyword">class </span>Table;</div>
<div class="line"><a id="l00014" name="l00014"></a><span class="lineno"> 14</span><span class="keyword">class </span>TableSelection;</div>
<div class="line"><a id="l00015" name="l00015"></a><span class="lineno"> 15</span><span class="comment"></span> </div>
<div class="line"><a id="l00016" name="l00016"></a><span class="lineno"> 16</span><span class="comment">/// @brief Table 是一個用於繪製表格的工具。</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">/// **範例**</span></div>
<div class="line"><a id="l00019" name="l00019"></a><span class="lineno"> 19</span><span class="comment">/// ```cpp</span></div>
<div class="line"><a id="l00020" name="l00020"></a><span class="lineno"> 20</span><span class="comment">/// auto table = Table({</span></div>
<div class="line"><a id="l00021" name="l00021"></a><span class="lineno"> 21</span><span class="comment">/// {&quot;X&quot;, &quot;Y&quot;},</span></div>
<div class="line"><a id="l00022" name="l00022"></a><span class="lineno"> 22</span><span class="comment">/// {&quot;-1&quot;, &quot;1&quot;},</span></div>
<div class="line"><a id="l00023" name="l00023"></a><span class="lineno"> 23</span><span class="comment">/// {&quot;+0&quot;, &quot;0&quot;},</span></div>
<div class="line"><a id="l00024" name="l00024"></a><span class="lineno"> 24</span><span class="comment">/// {&quot;+1&quot;, &quot;1&quot;},</span></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">///</span></div>
<div class="line"><a id="l00027" name="l00027"></a><span class="lineno"> 27</span><span class="comment">/// table.SelectAll().Border(LIGHT);</span></div>
<div class="line"><a id="l00028" name="l00028"></a><span class="lineno"> 28</span><span class="comment">/// table.SelectRow(1).Border(DOUBLE);</span></div>
<div class="line"><a id="l00029" name="l00029"></a><span class="lineno"> 29</span><span class="comment">/// table.SelectRow(1).SeparatorInternal(LIGHT);</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="comment">/// std::move(table).Render();</span></div>
<div class="line"><a id="l00032" name="l00032"></a><span class="lineno"> 32</span><span class="comment">/// ```</span></div>
<div class="line"><a id="l00033" name="l00033"></a><span class="lineno"> 33</span><span class="comment">///</span></div>
<div class="line"><a id="l00034" name="l00034"></a><span class="lineno"> 34</span><span class="comment">/// @ingroup dom</span></div>
<div class="foldopen" id="foldopen00035" data-start="{" data-end="};">
<div class="line"><a id="l00035" name="l00035"></a><span class="lineno"><a class="line" href="group__dom.html"> 35</a></span><span class="comment"></span><span class="keyword">class </span><a class="code hl_class" href="group__dom.html#classftxui_1_1Table">Table</a> {</div>
<div class="line"><a id="l00036" name="l00036"></a><span class="lineno"> 36</span> <span class="keyword">public</span>:</div>
<div class="line"><a id="l00037" name="l00037"></a><span class="lineno"> 37</span> <a class="code hl_function" href="group__dom.html#a2a7f82c625b00a53f710b2ed305248d2">Table</a>();</div>
<div class="line"><a id="l00038" name="l00038"></a><span class="lineno"> 38</span> <span class="keyword">explicit</span> <a class="code hl_function" href="group__dom.html#a2a7f82c625b00a53f710b2ed305248d2">Table</a>(std::vector&lt;std::vector&lt;std::string&gt;&gt;);</div>
<div class="line"><a id="l00039" name="l00039"></a><span class="lineno"> 39</span> <span class="keyword">explicit</span> <a class="code hl_function" href="group__dom.html#a2a7f82c625b00a53f710b2ed305248d2">Table</a>(std::vector&lt;std::vector&lt;Element&gt;&gt;);</div>
<div class="line"><a id="l00040" name="l00040"></a><span class="lineno"> 40</span> <a class="code hl_function" href="group__dom.html#a2a7f82c625b00a53f710b2ed305248d2">Table</a>(std::initializer_list&lt;std::vector&lt;std::string&gt;&gt; init);</div>
<div class="line"><a id="l00041" name="l00041"></a><span class="lineno"> 41</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> <a class="code hl_function" href="group__dom.html#ad5f50927f54334b84514bc4b11a14d71">SelectAll</a>();</div>
<div class="line"><a id="l00042" name="l00042"></a><span class="lineno"> 42</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> <a class="code hl_function" href="group__dom.html#a3c2f178ef9f94da293a53b467ef8643b">SelectCell</a>(<span class="keywordtype">int</span> column, <span class="keywordtype">int</span> row);</div>
<div class="line"><a id="l00043" name="l00043"></a><span class="lineno"> 43</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> <a class="code hl_function" href="group__dom.html#a64435bbfbdefd7408241c69b6b8283e7">SelectRow</a>(<span class="keywordtype">int</span> row_index);</div>
<div class="line"><a id="l00044" name="l00044"></a><span class="lineno"> 44</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> <a class="code hl_function" href="group__dom.html#ab36d32e3675a9353ee79e84405cd7a44">SelectRows</a>(<span class="keywordtype">int</span> row_min, <span class="keywordtype">int</span> row_max);</div>
<div class="line"><a id="l00045" name="l00045"></a><span class="lineno"> 45</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> <a class="code hl_function" href="group__dom.html#a4ee8ddbab36f592fba81c6430d26545e">SelectColumn</a>(<span class="keywordtype">int</span> column_index);</div>
<div class="line"><a id="l00046" name="l00046"></a><span class="lineno"> 46</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> <a class="code hl_function" href="group__dom.html#a79109565fe65710f725eb474778cae36">SelectColumns</a>(<span class="keywordtype">int</span> column_min, <span class="keywordtype">int</span> column_max);</div>
<div class="line"><a id="l00047" name="l00047"></a><span class="lineno"> 47</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> <a class="code hl_function" href="group__dom.html#af0021915d0cbda394077929601b8ab8f">SelectRectangle</a>(<span class="keywordtype">int</span> column_min,</div>
<div class="line"><a id="l00048" name="l00048"></a><span class="lineno"> 48</span> <span class="keywordtype">int</span> column_max,</div>
<div class="line"><a id="l00049" name="l00049"></a><span class="lineno"> 49</span> <span class="keywordtype">int</span> row_min,</div>
<div class="line"><a id="l00050" name="l00050"></a><span class="lineno"> 50</span> <span class="keywordtype">int</span> row_max);</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__dom.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="keyword">private</span>:</div>
<div class="line"><a id="l00054" name="l00054"></a><span class="lineno"> 54</span> <span class="keywordtype">void</span> Initialize(std::vector&lt;std::vector&lt;Element&gt;&gt;);</div>
<div class="line"><a id="l00055" name="l00055"></a><span class="lineno"> 55</span> <span class="keyword">friend</span> <a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a>;</div>
<div class="line"><a id="l00056" name="l00056"></a><span class="lineno"> 56</span> std::vector&lt;std::vector&lt;Element&gt;&gt; elements_;</div>
<div class="line"><a id="l00057" name="l00057"></a><span class="lineno"> 57</span> <span class="keywordtype">int</span> input_dim_x_ = 0;</div>
<div class="line"><a id="l00058" name="l00058"></a><span class="lineno"> 58</span> <span class="keywordtype">int</span> input_dim_y_ = 0;</div>
<div class="line"><a id="l00059" name="l00059"></a><span class="lineno"> 59</span> <span class="keywordtype">int</span> dim_x_ = 0;</div>
<div class="line"><a id="l00060" name="l00060"></a><span class="lineno"> 60</span> <span class="keywordtype">int</span> dim_y_ = 0;</div>
<div class="line"><a id="l00061" name="l00061"></a><span class="lineno"> 61</span>};</div>
</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="classftxui_1_1TableSelection.html"> 63</a></span><span class="keyword">class </span><a class="code hl_class" href="classftxui_1_1TableSelection.html">TableSelection</a> {</div>
<div class="line"><a id="l00064" name="l00064"></a><span class="lineno"> 64</span> <span class="keyword">public</span>:</div>
<div class="line"><a id="l00065" name="l00065"></a><span class="lineno"> 65</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#a8e7e9329ee7f557eef6d037fef8003e0">Decorate</a>(<a class="code hl_typedef" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>);</div>
<div class="line"><a id="l00066" name="l00066"></a><span class="lineno"> 66</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#a9cadee0ff95e66e2ca90e15648ad592d">DecorateAlternateRow</a>(<a class="code hl_typedef" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>, <span class="keywordtype">int</span> modulo = 2, <span class="keywordtype">int</span> shift = 0);</div>
<div class="line"><a id="l00067" name="l00067"></a><span class="lineno"> 67</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#a00b7d84571ed47043e55cd879ed851a3">DecorateAlternateColumn</a>(<a class="code hl_typedef" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>, <span class="keywordtype">int</span> modulo = 2, <span class="keywordtype">int</span> shift = 0);</div>
<div class="line"><a id="l00068" name="l00068"></a><span class="lineno"> 68</span> </div>
<div class="line"><a id="l00069" name="l00069"></a><span class="lineno"> 69</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#a335808a6c8beb4744bfe91b359ebf0bb">DecorateCells</a>(<a class="code hl_typedef" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>);</div>
<div class="line"><a id="l00070" name="l00070"></a><span class="lineno"> 70</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#a751593eb3bc2e704eb6667ed518f614e">DecorateCellsAlternateColumn</a>(<a class="code hl_typedef" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>, <span class="keywordtype">int</span> modulo = 2, <span class="keywordtype">int</span> shift = 0);</div>
<div class="line"><a id="l00071" name="l00071"></a><span class="lineno"> 71</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#ac2810f38a5f722916f364f354c204cb7">DecorateCellsAlternateRow</a>(<a class="code hl_typedef" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>, <span class="keywordtype">int</span> modulo = 2, <span class="keywordtype">int</span> shift = 0);</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="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#af47b05e5a3f01cafc419ce94388cae51">Border</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00074" name="l00074"></a><span class="lineno"> 74</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#a5b822ad80ff44922a9d6551743f64259">BorderLeft</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00075" name="l00075"></a><span class="lineno"> 75</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#af36f1d9893a26293f24da431c5a344cc">BorderRight</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00076" name="l00076"></a><span class="lineno"> 76</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#aa9002be87d1fc0c5c6416b8006a902e4">BorderTop</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00077" name="l00077"></a><span class="lineno"> 77</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#ab3efbe517730170703eba50cf23b150d">BorderBottom</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00078" name="l00078"></a><span class="lineno"> 78</span> </div>
<div class="line"><a id="l00079" name="l00079"></a><span class="lineno"> 79</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#ab1c6e11d86131eddb095c8211b824b18">Separator</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00080" name="l00080"></a><span class="lineno"> 80</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#a2334aed76610138905c96dc298b7e9df">SeparatorVertical</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00081" name="l00081"></a><span class="lineno"> 81</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1TableSelection.html#affd2ab7143cb388fdedad3bd51995802">SeparatorHorizontal</a>(<a class="code hl_enumeration" href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border = <a class="code hl_enumvalue" href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"><a id="l00082" name="l00082"></a><span class="lineno"> 82</span> </div>
<div class="line"><a id="l00083" name="l00083"></a><span class="lineno"> 83</span> <span class="keyword">private</span>:</div>
<div class="line"><a id="l00084" name="l00084"></a><span class="lineno"> 84</span> <span class="keyword">friend</span> <a class="code hl_class" href="group__dom.html#classftxui_1_1Table">Table</a>;</div>
<div class="line"><a id="l00085" name="l00085"></a><span class="lineno"> 85</span> <a class="code hl_class" href="group__dom.html#classftxui_1_1Table">Table</a>* table_;</div>
<div class="line"><a id="l00086" name="l00086"></a><span class="lineno"> 86</span> <span class="keywordtype">int</span> x_min_;</div>
<div class="line"><a id="l00087" name="l00087"></a><span class="lineno"> 87</span> <span class="keywordtype">int</span> x_max_;</div>
<div class="line"><a id="l00088" name="l00088"></a><span class="lineno"> 88</span> <span class="keywordtype">int</span> y_min_;</div>
<div class="line"><a id="l00089" name="l00089"></a><span class="lineno"> 89</span> <span class="keywordtype">int</span> y_max_;</div>
<div class="line"><a id="l00090" name="l00090"></a><span class="lineno"> 90</span>};</div>
</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"> 92</span>} <span class="comment">// namespace ftxui</span></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="preprocessor">#endif </span><span class="comment">/* end of include guard: FTXUI_DOM_TABLE */</span><span class="preprocessor"></span></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html"><div class="ttname"><a href="classftxui_1_1TableSelection.html">ftxui::TableSelection</a></div><div class="ttdef"><b>Definition</b> <a href="#l00063">table.hpp:63</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_a00b7d84571ed47043e55cd879ed851a3"><div class="ttname"><a href="classftxui_1_1TableSelection.html#a00b7d84571ed47043e55cd879ed851a3">ftxui::TableSelection::DecorateAlternateColumn</a></div><div class="ttdeci">void DecorateAlternateColumn(Decorator, int modulo=2, int shift=0)</div><div class="ttdoc">將 decorator 應用於選取範圍。 這只會裝飾模數為 modulo，偏移量為 shift 的線條。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00272">src/ftxui/dom/table.cpp:272</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_a2334aed76610138905c96dc298b7e9df"><div class="ttname"><a href="classftxui_1_1TableSelection.html#a2334aed76610138905c96dc298b7e9df">ftxui::TableSelection::SeparatorVertical</a></div><div class="ttdeci">void SeparatorVertical(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍內繪製一些垂直分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00377">src/ftxui/dom/table.cpp:377</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_a335808a6c8beb4744bfe91b359ebf0bb"><div class="ttname"><a href="classftxui_1_1TableSelection.html#a335808a6c8beb4744bfe91b359ebf0bb">ftxui::TableSelection::DecorateCells</a></div><div class="ttdeci">void DecorateCells(Decorator)</div><div class="ttdoc">將 decorator 應用於選取範圍。 這只會裝飾單元格。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00255">src/ftxui/dom/table.cpp:255</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_a5b822ad80ff44922a9d6551743f64259"><div class="ttname"><a href="classftxui_1_1TableSelection.html#a5b822ad80ff44922a9d6551743f64259">ftxui::TableSelection::BorderLeft</a></div><div class="ttdeci">void BorderLeft(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍的左側繪製一些分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00403">src/ftxui/dom/table.cpp:403</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_a751593eb3bc2e704eb6667ed518f614e"><div class="ttname"><a href="classftxui_1_1TableSelection.html#a751593eb3bc2e704eb6667ed518f614e">ftxui::TableSelection::DecorateCellsAlternateColumn</a></div><div class="ttdeci">void DecorateCellsAlternateColumn(Decorator, int modulo=2, int shift=0)</div><div class="ttdoc">將 decorator 應用於選取範圍。 這只會裝飾模數為 modulo，偏移量為 shift 的角落。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00310">src/ftxui/dom/table.cpp:310</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_a8e7e9329ee7f557eef6d037fef8003e0"><div class="ttname"><a href="classftxui_1_1TableSelection.html#a8e7e9329ee7f557eef6d037fef8003e0">ftxui::TableSelection::Decorate</a></div><div class="ttdeci">void Decorate(Decorator)</div><div class="ttdoc">將 decorator 應用於選取範圍。 這會裝飾單元格、線條和角落。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00242">src/ftxui/dom/table.cpp:242</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_a9cadee0ff95e66e2ca90e15648ad592d"><div class="ttname"><a href="classftxui_1_1TableSelection.html#a9cadee0ff95e66e2ca90e15648ad592d">ftxui::TableSelection::DecorateAlternateRow</a></div><div class="ttdeci">void DecorateAlternateRow(Decorator, int modulo=2, int shift=0)</div><div class="ttdoc">將 decorator 應用於選取範圍。 這只會裝飾模數為 modulo，偏移量為 shift 的線條。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00291">src/ftxui/dom/table.cpp:291</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_aa9002be87d1fc0c5c6416b8006a902e4"><div class="ttname"><a href="classftxui_1_1TableSelection.html#aa9002be87d1fc0c5c6416b8006a902e4">ftxui::TableSelection::BorderTop</a></div><div class="ttdeci">void BorderTop(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍的頂部繪製一些分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00421">src/ftxui/dom/table.cpp:421</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_ab1c6e11d86131eddb095c8211b824b18"><div class="ttname"><a href="classftxui_1_1TableSelection.html#ab1c6e11d86131eddb095c8211b824b18">ftxui::TableSelection::Separator</a></div><div class="ttdeci">void Separator(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍內繪製一些分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00362">src/ftxui/dom/table.cpp:362</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_ab3efbe517730170703eba50cf23b150d"><div class="ttname"><a href="classftxui_1_1TableSelection.html#ab3efbe517730170703eba50cf23b150d">ftxui::TableSelection::BorderBottom</a></div><div class="ttdeci">void BorderBottom(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍的底部繪製一些分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00430">src/ftxui/dom/table.cpp:430</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_ac2810f38a5f722916f364f354c204cb7"><div class="ttname"><a href="classftxui_1_1TableSelection.html#ac2810f38a5f722916f364f354c204cb7">ftxui::TableSelection::DecorateCellsAlternateRow</a></div><div class="ttdeci">void DecorateCellsAlternateRow(Decorator, int modulo=2, int shift=0)</div><div class="ttdoc">將 decorator 應用於選取範圍。 這只會裝飾模數為 modulo，偏移量為 shift 的角落。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00329">src/ftxui/dom/table.cpp:329</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_af36f1d9893a26293f24da431c5a344cc"><div class="ttname"><a href="classftxui_1_1TableSelection.html#af36f1d9893a26293f24da431c5a344cc">ftxui::TableSelection::BorderRight</a></div><div class="ttdeci">void BorderRight(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍的右側繪製一些分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00412">src/ftxui/dom/table.cpp:412</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_af47b05e5a3f01cafc419ce94388cae51"><div class="ttname"><a href="classftxui_1_1TableSelection.html#af47b05e5a3f01cafc419ce94388cae51">ftxui::TableSelection::Border</a></div><div class="ttdeci">void Border(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍周圍應用 border。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00344">src/ftxui/dom/table.cpp:344</a></div></div>
<div class="ttc" id="aclassftxui_1_1TableSelection_html_affd2ab7143cb388fdedad3bd51995802"><div class="ttname"><a href="classftxui_1_1TableSelection.html#affd2ab7143cb388fdedad3bd51995802">ftxui::TableSelection::SeparatorHorizontal</a></div><div class="ttdeci">void SeparatorHorizontal(BorderStyle border=LIGHT)</div><div class="ttdoc">在選取範圍內繪製一些水平分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00390">src/ftxui/dom/table.cpp:390</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__dom_html_a28d41d6113c5b29c8dd45846582b3299"><div class="ttname"><a href="group__dom.html#a28d41d6113c5b29c8dd45846582b3299">ftxui::Table::Render</a></div><div class="ttdeci">Element Render()</div><div class="ttdoc">渲染表格。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00212">src/ftxui/dom/table.cpp:212</a></div></div>
<div class="ttc" id="agroup__dom_html_a2a7f82c625b00a53f710b2ed305248d2"><div class="ttname"><a href="group__dom.html#a2a7f82c625b00a53f710b2ed305248d2">ftxui::Table::Table</a></div><div class="ttdeci">Table()</div><div class="ttdoc">創建一個空表格。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00047">src/ftxui/dom/table.cpp:47</a></div></div>
<div class="ttc" id="agroup__dom_html_a3c2f178ef9f94da293a53b467ef8643b"><div class="ttname"><a href="group__dom.html#a3c2f178ef9f94da293a53b467ef8643b">ftxui::Table::SelectCell</a></div><div class="ttdeci">TableSelection SelectCell(int column, int row)</div><div class="ttdoc">選取表格的一個單元格。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00169">src/ftxui/dom/table.cpp:169</a></div></div>
<div class="ttc" id="agroup__dom_html_a4ee8ddbab36f592fba81c6430d26545e"><div class="ttname"><a href="group__dom.html#a4ee8ddbab36f592fba81c6430d26545e">ftxui::Table::SelectColumn</a></div><div class="ttdeci">TableSelection SelectColumn(int column_index)</div><div class="ttdoc">選取表格的某一列。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00153">src/ftxui/dom/table.cpp:153</a></div></div>
<div class="ttc" id="agroup__dom_html_a64435bbfbdefd7408241c69b6b8283e7"><div class="ttname"><a href="group__dom.html#a64435bbfbdefd7408241c69b6b8283e7">ftxui::Table::SelectRow</a></div><div class="ttdeci">TableSelection SelectRow(int row_index)</div><div class="ttdoc">選取表格的某一行。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00138">src/ftxui/dom/table.cpp:138</a></div></div>
<div class="ttc" id="agroup__dom_html_a79109565fe65710f725eb474778cae36"><div class="ttname"><a href="group__dom.html#a79109565fe65710f725eb474778cae36">ftxui::Table::SelectColumns</a></div><div class="ttdeci">TableSelection SelectColumns(int column_min, int column_max)</div><div class="ttdoc">選取表格的列範圍。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00161">src/ftxui/dom/table.cpp:161</a></div></div>
<div class="ttc" id="agroup__dom_html_ab36d32e3675a9353ee79e84405cd7a44"><div class="ttname"><a href="group__dom.html#ab36d32e3675a9353ee79e84405cd7a44">ftxui::Table::SelectRows</a></div><div class="ttdeci">TableSelection SelectRows(int row_min, int row_max)</div><div class="ttdoc">選取表格的行範圍。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00146">src/ftxui/dom/table.cpp:146</a></div></div>
<div class="ttc" id="agroup__dom_html_ad5f50927f54334b84514bc4b11a14d71"><div class="ttname"><a href="group__dom.html#ad5f50927f54334b84514bc4b11a14d71">ftxui::Table::SelectAll</a></div><div class="ttdeci">TableSelection SelectAll()</div><div class="ttdoc">選取整個表格。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00200">src/ftxui/dom/table.cpp:200</a></div></div>
<div class="ttc" id="agroup__dom_html_af0021915d0cbda394077929601b8ab8f"><div class="ttname"><a href="group__dom.html#af0021915d0cbda394077929601b8ab8f">ftxui::Table::SelectRectangle</a></div><div class="ttdeci">TableSelection SelectRectangle(int column_min, int column_max, int row_min, int row_max)</div><div class="ttdoc">選取表格的一個矩形區域。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00179">src/ftxui/dom/table.cpp:179</a></div></div>
<div class="ttc" id="agroup__dom_html_classftxui_1_1Table"><div class="ttname"><a href="group__dom.html#classftxui_1_1Table">ftxui::Table</a></div><div class="ttdoc">Table 是一個用於繪製表格的工具。</div><div class="ttdef"><b>Definition</b> <a href="#l00035">table.hpp:35</a></div></div>
<div class="ttc" id="agroup__dom_html_gafe3103dd0b8240c5443892484ef5af9c"><div class="ttname"><a href="group__dom.html#gafe3103dd0b8240c5443892484ef5af9c">ftxui::BorderStyle</a></div><div class="ttdeci">BorderStyle</div><div class="ttdoc">BorderStyle 是一個列舉，表示可以應用於終端機 UI 元素的不同邊框樣式。</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00032">elements.hpp:32</a></div></div>
<div class="ttc" id="agroup__dom_html_ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb"><div class="ttname"><a href="group__dom.html#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">ftxui::LIGHT</a></div><div class="ttdeci">@ LIGHT</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00033">elements.hpp:33</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_a164021903e9ac6f1357e4186582891e3"><div class="ttname"><a href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">ftxui::Decorator</a></div><div class="ttdeci">std::function&lt; Element(Element)&gt; Decorator</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00024">elements.hpp:24</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><!-- 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