vuepress-theme-plume/assets/table-8j9tosFZ.js

87 lines
59 KiB
JavaScript

import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as c}from"./plugin-vue_export-helper-CxTVcLa7.js";var l=JSON.parse(`{"path":"/guide/markdown/table/","title":"table 增强 | 指南","lang":"zh-CN","frontmatter":{"title":"table 增强","icon":"mdi:table-plus","createTime":"2025/07/25 16:57:42","permalink":"/guide/markdown/table/","badge":"新","description":"概述 markdown 默认的表格功能相对比较简单,但在实际使用场景中,常常需要在表格中添加一些额外的信息,比如表格的标题; 或者额外的功能,如复制表格的内容等。 在不破坏表格语法的前提下,主题提供了 ::: table 容器,可以方便的对表格进行扩展。 表格增强容器在持续开发中,如果有其他的功能建议请在 Issue 中反馈。 配置 该功能默认不启用,...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"table 增强\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2025-12-01T03:30:33.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/guide/markdown/table/"}],["meta",{"property":"og:site_name","content":"Plume 主题"}],["meta",{"property":"og:title","content":"table 增强"}],["meta",{"property":"og:description","content":"概述 markdown 默认的表格功能相对比较简单,但在实际使用场景中,常常需要在表格中添加一些额外的信息,比如表格的标题; 或者额外的功能,如复制表格的内容等。 在不破坏表格语法的前提下,主题提供了 ::: table 容器,可以方便的对表格进行扩展。 表格增强容器在持续开发中,如果有其他的功能建议请在 Issue 中反馈。 配置 该功能默认不启用,..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:locale:alternate","content":"en-US"}],["meta",{"property":"og:updated_time","content":"2025-12-01T03:30:33.000Z"}],["meta",{"property":"article:modified_time","content":"2025-12-01T03:30:33.000Z"}],["link",{"rel":"alternate","hreflang":"en-us","href":"https://theme-plume.vuejs.press/en/guide/markdown/table/"}]]},"readingTime":{"minutes":6.12,"words":1835},"git":{"createdTime":1753492311000,"updatedTime":1764559833000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":5,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"db8a46eb4cdc6c4bcb15f0e38a5aacfef565975a","time":1764559833000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: optimize and completion docs (#766)"},{"hash":"0e38265f961f73a901f2e3fee6e02e2949bca4c8","time":1761741922000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): add <code>full-width</code> support for table container, close #740 (#741)"},{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"},{"hash":"f02617908fd1a0b5061f602413eeba280f37286b","time":1754290822000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): add highlight support for table container, close #660 (#663)"},{"hash":"371834640b8be4747116fe05dfae6c29f81be19f","time":1753492311000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): add <code>table</code> container, close #652 (#655)"}]},"autoDesc":true,"filePathRelative":"guide/markdown/table.md","headers":[],"bulletin":false}`),u={name:`table.md`},d={class:`code-block-title`,"data-title":`.vuepress/config.ts`},f={class:`code-block-title-bar`},p={class:`title`},m={class:`vp-field-group`};function h(c,l,u,h,g,_){let v=t(`VPIcon`),y=t(`VPField`),b=t(`VPTable`),x=t(`VPLink`);return n(),i(`div`,null,[l[25]||=o(`<h2 id="概述" tabindex="-1"><a class="header-anchor" href="#概述"><span>概述</span></a></h2><p>markdown 默认的表格功能相对比较简单,但在实际使用场景中,常常需要在表格中添加一些额外的信息,比如表格的标题; 或者额外的功能,如复制表格的内容等。</p><p>在不破坏表格语法的前提下,主题提供了 <code>::: table</code> 容器,可以方便的对表格进行扩展。</p><div class="hint-container tip"><p class="hint-container-title">表格增强容器在持续开发中,如果有其他的功能建议请在 <a href="https://github.com/pengzhanbo/vuepress-theme-plume/issues" target="_blank" rel="noopener noreferrer">Issue</a> 中反馈。</p></div><h2 id="配置" tabindex="-1"><a class="header-anchor" href="#配置"><span>配置</span></a></h2><p>该功能默认不启用,您需要在 <code>theme</code> 配置中启用它。</p>`,6),s(`div`,d,[s(`div`,f,[s(`span`,p,[r(v,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[0]||=a(`.vuepress/config.ts`,-1)])]),l[1]||=o(`<div class="language-ts line-numbers-mode" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">export</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> default</span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;"> defineUserConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> theme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;">plumeTheme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> markdown</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // table: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // 启用默认功能</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> table</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // 表格默认对齐方式 &#39;left&#39; | &#39;center&#39; | &#39;right&#39;</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> align</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">left</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">&#39;</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // 表格宽度是否为最大内容宽度</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // 行内元素不再自动换行,超出容器宽度时表格显示滚动条</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> maxContent</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">false</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // 表格宽度默认占据整行</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> fullWidth</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">false</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> /**</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> * 复制为 html/markdown</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> * true 相当于 \`all\`,相当于同时启用 html 和 markdown</span></span>
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> */</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> copy</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">true</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// true | &#39;all&#39; | &#39;html&#39; | &#39;md&#39;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> }</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> },</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> })</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">})</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,1)]),l[26]||=o(`<h2 id="语法" tabindex="-1"><a class="header-anchor" href="#语法"><span>语法</span></a></h2><p>直接将 表格 包裹在 <code>:::table</code> 中即可。</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::table title=&quot;标题&quot; align=&quot;center&quot; max-content copy=&quot;all&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><h3 id="props" tabindex="-1"><a class="header-anchor" href="#props"><span>Props</span></a></h3>`,4),s(`div`,m,[r(y,{name:`title`,optional:``,type:`string`},{default:e(()=>[...l[2]||=[s(`p`,null,`表格标题,显示在表格的下方`,-1)]]),_:1}),r(y,{name:`align`,optional:``,type:`'left' | 'center' | 'right'`,"default-value":`'left'`},{default:e(()=>[...l[3]||=[s(`p`,null,`表格对齐方式`,-1)]]),_:1}),r(y,{name:`copy`,optional:``,type:`boolean | 'all' | 'html' | 'md'`,"default-value":`true`},{default:e(()=>[...l[4]||=[s(`p`,null,`在表格的右上角显示复制按钮,可以复制为 html / markdown`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`true`),a(` 等同于 `),s(`code`,null,`all`)]),s(`li`,null,[s(`code`,null,`false`),a(` 不显示复制按钮`)]),s(`li`,null,[s(`code`,null,`all`),a(` 同时启用 `),s(`code`,null,`html`),a(``),s(`code`,null,`md`)]),s(`li`,null,[s(`code`,null,`html`),a(` 启用复制为 html`)]),s(`li`,null,[s(`code`,null,`md`),a(` 启用复制为 markdown`)])],-1)]]),_:1}),r(y,{name:`maxContent`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[5]||=[s(`p`,null,`行内元素不再自动换行,超出容器宽度时表格显示滚动条`,-1)]]),_:1}),r(y,{name:`fullWidth`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[6]||=[s(`p`,null,`表格宽度默认占据整行`,-1)]]),_:1}),r(y,{name:`hl-rows`,optional:``,type:`string`},{default:e(()=>[...l[7]||=[s(`p`,null,`配置表格中的行高亮。`,-1),s(`p`,null,[a(`值使用 `),s(`code`,null,`type:row1,row2`),a(` 的格式,可以使用 `),s(`code`,null,`;`),a(` 组合多个 type row。`)],-1),s(`p`,null,`示例:`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`hl-rows="warning:1"`),a(`: 将第一行设置为 warning 颜色`)]),s(`li`,null,[s(`code`,null,`hl-rows="danger:1,2"`),a(`: 将第一行和第二行设置为 danger 颜色`)]),s(`li`,null,[s(`code`,null,`hl-rows="warning:1,2;danger:3,4"`),a(`: 将第一行和第二行设置为 warning 颜色,第三行和第四行设置为 danger 颜色`)])],-1),s(`p`,null,[s(`code`,null,`type`),a(` 内置支持:`),s(`code`,null,`tip/note/info/success/warning/danger/caution/important`),a(``)],-1),s(`p`,null,[s(`code`,null,`row`),a(` 从 1 开始计数。`)],-1)]]),_:1}),r(y,{name:`hl-cols`,optional:``,type:`string`},{default:e(()=>[...l[8]||=[s(`p`,null,`配置表格中的列高亮。`,-1),s(`p`,null,[a(`值使用 `),s(`code`,null,`type:col1,col2`),a(` 的格式,可以使用 `),s(`code`,null,`;`),a(` 组合多个 type col。`)],-1),s(`p`,null,`示例:`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`hl-cols="warning:1"`),a(`: 将第一列设置为 warning 颜色`)]),s(`li`,null,[s(`code`,null,`hl-cols="danger:1,2"`),a(`: 将第一列和第二列设置为 danger 颜色`)]),s(`li`,null,[s(`code`,null,`hl-cols="warning:1,2;danger:3,4"`),a(`: 将第一列和第二列设置为 warning 颜色,第三列和第四列设置为 danger 颜色`)])],-1),s(`p`,null,[s(`code`,null,`type`),a(` 内置支持:`),s(`code`,null,`tip/note/info/success/warning/danger/caution/important`),a(``)],-1),s(`p`,null,[s(`code`,null,`col`),a(` 从 1 开始计数。`)],-1)]]),_:1}),r(y,{name:`hl-cells`,optional:``,type:`string`},{default:e(()=>[...l[9]||=[s(`p`,null,`配置表格中的单元格高亮。`,-1),s(`p`,null,[a(`值使用 `),s(`code`,null,`type:(row,col)`),a(` 的格式,可以使用 `),s(`code`,null,`;`),a(` 组合多个 type cell。`)],-1),s(`p`,null,`示例:`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`hl-cells="warning:(1,1)"`),a(`: 将第一行第一列设置为 warning 颜色`)]),s(`li`,null,[s(`code`,null,`hl-cells="danger:(1,1)(2,2)"`),a(`: 将第一行第一列,第二行第二列设置为 danger 颜色`)]),s(`li`,null,[s(`code`,null,`hl-cells="warning:(1,1)(2,2);danger:(3,3)(4,4)"`),a(`: 将第一行第一列,第二行第二列设置为 warning 颜色,第三行第三列,第四行第四列设置为 danger 颜色`)])],-1),s(`p`,null,[s(`code`,null,`type`),a(` 内置支持:`),s(`code`,null,`tip/note/info/success/warning/danger/caution/important`),a(``)],-1),s(`p`,null,[s(`code`,null,`row`),a(` 从 1 开始计数,`),s(`code`,null,`col`),a(` 从 1 开始计数。`)],-1)]]),_:1})]),l[27]||=o(`<h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例"><span>示例</span></a></h2><h3 id="表格标题" tabindex="-1"><a class="header-anchor" href="#表格标题"><span>表格标题</span></a></h3><p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title=&quot;这是表格标题&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----------|----------|----------|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Row 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Data </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Info </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,5),r(b,{copy:`all`,title:`这是表格标题`,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhpdOMDB5KpRcE7NyQGaoQDUCmYaIZjGICZQSVB+OVgYKO6SWJIIYgGZnnlp+RAmAPyJI1w=`},{default:e(()=>[...l[10]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`Header 1`),s(`th`,null,`Header 2`),s(`th`,null,`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,null,`Row 2`),s(`td`,null,`Data`),s(`td`,null,`Info`)])])],-1)]]),_:1}),l[28]||=o(`<h3 id="表格对齐" tabindex="-1"><a class="header-anchor" href="#表格对齐"><span>表格对齐</span></a></h3><p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title=&quot;这是表格标题&quot; align=&quot;center&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----------|----------|----------|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Row 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Data </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Info </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,4),r(b,{copy:`all`,title:`这是表格标题`,align:`center`,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhpdOMDB5KpRcE7NyQGaoQDUCmYaIZjGICZQSVB+OVgYKO6SWJIIYgGZnnlp+RAmAPyJI1w=`},{default:e(()=>[...l[11]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`Header 1`),s(`th`,null,`Header 2`),s(`th`,null,`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,null,`Row 2`),s(`td`,null,`Data`),s(`td`,null,`Info`)])])],-1)]]),_:1}),l[29]||=o(`<h3 id="表格内容宽度" tabindex="-1"><a class="header-anchor" href="#表格内容宽度"><span>表格内容宽度</span></a></h3><p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::table title=&quot;这是表格标题&quot; max-content</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> ID </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Description </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Status </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----|-----------------------------------------------------------------------------|--------------|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> This is an extremely long description that should trigger text wrapping in most table implementations. </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> In Progress </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Short text </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> ✅ Completed </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,4),r(b,{copy:`all`,"max-content":``,title:`这是表格标题`,markdown:`eJytkEEKAjEMRfee4l9AQa/gbGYn6AWqE9pCpy1pBhW69RaezpOYDgji1vmEQCD5j5+KvkNFR+XCPotPEf+q4ihGpvIZV3Wtmtti+nFTBraNfHK+QMtE0E2YRgp3hBQthq+E4oyguDSFAcLeWmKI7uPKJmev2z5iTEUg5hwIfsxBraLG0vOyUVAfceBkmYrmbPjdHNwl1qNmtcAbX88H9qmxhQbUNw0raKs=`},{default:e(()=>[...l[12]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`ID`),s(`th`,null,`Description`),s(`th`,null,`Status`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`1`),s(`td`,null,`This is an extremely long description that should trigger text wrapping in most table implementations.`),s(`td`,null,`In Progress`)]),s(`tr`,null,[s(`td`,null,`2`),s(`td`,null,`Short text`),s(`td`,null,`✅ Completed`)])])],-1)]]),_:1}),l[30]||=o(`<p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table full-width</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----------|----------|----------|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Row 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Data </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Info </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,3),r(b,{copy:`all`,"full-width":``,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhpdOMDB5KpRcE7NyQGaoQDUCmYaIZjGICZQSVB+OVgYKO6SWJIIYgGZnnlp+RAmAPyJI1w=`},{default:e(()=>[...l[13]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`Header 1`),s(`th`,null,`Header 2`),s(`th`,null,`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,null,`Row 2`),s(`td`,null,`Data`),s(`td`,null,`Info`)])])],-1)]]),_:1}),l[31]||=o(`<h3 id="表格行高亮" tabindex="-1"><a class="header-anchor" href="#表格行高亮"><span>表格行高亮</span></a></h3><p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title=&quot;这是表格标题&quot; hl-rows=&quot;tip:1;warning:2;important:3,4&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,4),r(b,{copy:`all`,title:`这是表格标题`,markdown:`eJyrUSjKLzdUQKO4ahR0gQDIR6GAwkB5I4gyBAURNobwERRE2ATCR1AAd8wiMw==`},{default:e(()=>[...l[14]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`tip`},`row1`),s(`th`,{class:`tip`},`row1`),s(`th`,{class:`tip`},`row1`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,{class:`warning`},`row2`),s(`td`,{class:`warning`},`row2`),s(`td`,{class:`warning`},`row2`)]),s(`tr`,null,[s(`td`,{class:`important`},`row3`),s(`td`,{class:`important`},`row3`),s(`td`,{class:`important`},`row3`)]),s(`tr`,null,[s(`td`,{class:`important`},`row4`),s(`td`,{class:`important`},`row4`),s(`td`,{class:`important`},`row4`)])])],-1)]]),_:1}),l[32]||=o(`<h3 id="表格列高亮" tabindex="-1"><a class="header-anchor" href="#表格列高亮"><span>表格列高亮</span></a></h3><p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title=&quot;这是表格标题&quot; hl-cols=&quot;success:1;warning:2;danger:3,4&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,4),r(b,{copy:`all`,title:`这是表格标题`,markdown:`eJyrUUjOzzFUAFNGEMoYQpko1HDVKOgCAZCPjQLK4tdLtiwATjkrHQ==`},{default:e(()=>[...l[15]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`success`},`col1`),s(`th`,{class:`warning`},`col2`),s(`th`,{class:`danger`},`col3`),s(`th`,{class:`danger`},`col4`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,{class:`success`},`col1`),s(`td`,{class:`warning`},`col2`),s(`td`,{class:`danger`},`col3`),s(`td`,{class:`danger`},`col4`)]),s(`tr`,null,[s(`td`,{class:`success`},`col1`),s(`td`,{class:`warning`},`col2`),s(`td`,{class:`danger`},`col3`),s(`td`,{class:`danger`},`col4`)]),s(`tr`,null,[s(`td`,{class:`success`},`col1`),s(`td`,{class:`warning`},`col2`),s(`td`,{class:`danger`},`col3`),s(`td`,{class:`danger`},`col4`)])])],-1)]]),_:1}),l[33]||=o(`<h3 id="表格单元格高亮" tabindex="-1"><a class="header-anchor" href="#表格单元格高亮"><span>表格单元格高亮</span></a></h3><h4 id="方式一" tabindex="-1"><a class="header-anchor" href="#方式一"><span>方式一</span></a></h4><p>在表格容器上使用 <code>hl-cells=&quot;type:(row,col)&quot;</code> 的格式,可以使用 <code>;</code> 组合多个 type cell。</p><p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title=&quot;这是表格标题&quot; hl-cells=&quot;danger:(1,1)(2,2);success:(3,3)(4,4);warning:(1,4)(2,3);important:(3,2)(4,1)&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,6),r(b,{copy:`all`,title:`这是表格标题`,markdown:`eJx1zDEOgDAMBMGeV7g0EhTx3fPyeEy00MXNStboZuS4xhmrRUXdPWbc7/Vn0xZZbBQbxUZ9GymEEELoF0YYYYSXeACTmiLp`},{default:e(()=>[...l[16]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`danger`},`(1,1)`),s(`th`,null,`(1,2)`),s(`th`,null,`(1,3)`),s(`th`,{class:`warning`},`(1,4)`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`(2,1)`),s(`td`,{class:`danger`},`(2,2)`),s(`td`,{class:`warning`},`(2,3)`),s(`td`,null,`(2,4)`)]),s(`tr`,null,[s(`td`,null,`(3,1)`),s(`td`,{class:`important`},`(3,2)`),s(`td`,{class:`success`},`(3,3)`),s(`td`,null,`(3,4)`)]),s(`tr`,null,[s(`td`,{class:`important`},`(4,1)`),s(`td`,null,`(4,2)`),s(`td`,null,`(4,3)`),s(`td`,{class:`success`},`(4,4)`)])])],-1)]]),_:1}),l[34]||=s(`h4`,{id:`方式二`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#方式二`},[s(`span`,null,`方式二`)])],-1),s(`p`,null,[l[18]||=a(`使用 `,-1),r(x,{href:`./attrs.md`},{default:e(()=>[...l[17]||=[a(`属性支持`,-1)]]),_:1}),l[19]||=a(` 语法`,-1)]),l[35]||=o(`<p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title=&quot;这是表格标题&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,1) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,4) {.warning} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ------------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ------------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,2) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,3) {.warning} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,2) {.important} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,3) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,1) {.important} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,4) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>输出:</strong></p>`,3),r(b,{copy:`all`,title:`这是表格标题`,markdown:`eJyNkD0KgDAMRndPkVFBBdtcqKCIg1WK4GC9u00K2r/BTOWRfH2JhXpohwauflR6nswNrhiKhp5fMZQRZIQOXf2pjF70fIOtLHRZudZfsNTHkbUgy1RIkGWqLsgyNCJEluEsRcpSpPSRy7pv5lD64HnpI99/GJUi0d8ynsbSLTG/JVJkuI19AL5CWqI=`},{default:e(()=>[...l[20]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`danger`},`(1,1)`),s(`th`,null,`(1,2)`),s(`th`,null,`(1,3)`),s(`th`,{class:`warning`},`(1,4) `)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`(2,1)`),s(`td`,{class:`danger`},`(2,2)`),s(`td`,{class:`warning`},`(2,3)`),s(`td`,null,`(2,4)`)]),s(`tr`,null,[s(`td`,null,`(3,1)`),s(`td`,{class:`important`},`(3,2)`),s(`td`,{class:`danger`},`(3,3)`),s(`td`,null,`(3,4)`)]),s(`tr`,null,[s(`td`,{class:`important`},`(4,1)`),s(`td`,null,`(4,2)`),s(`td`,null,`(4,3)`),s(`td`,{class:`danger`},`(4,4)`)])])],-1)]]),_:1}),l[36]||=s(`h2`,{id:`自定义高亮类型`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#自定义高亮类型`},[s(`span`,null,`自定义高亮类型`)])],-1),s(`p`,null,[l[22]||=a(``,-1),r(x,{href:`../custom/style.md`},{default:e(()=>[...l[21]||=[a(`自定义 CSS 样式`,-1)]]),_:1}),l[23]||=a(` 中,通过以下格式可以自定义高亮类型:`,-1)]),l[37]||=o(`<div class="language-css" data-highlighter="shiki" data-ext="css" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-css"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> th</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> td</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">000</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> background-color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">fff</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span></code></pre></div><p>比如,添加一个 <code>blue</code> 的高亮类型:</p><div class="language-css" data-highlighter="shiki" data-ext="css" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-css"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> th</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">blue</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> td</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">blue</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">4a7cb9</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> background-color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">a3c6e5</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span></code></pre></div><p>然后就可以在表格中使用:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table hl-rows=&quot;blue:1&quot; hl-cols=&quot;blue:1&quot; hl-cells=&quot;blue:(3,3)&quot;</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 5 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 6 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div>`,5),r(b,{copy:`all`,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhoFXSgAimNlApU4p+bkAM1QAIqDmUYIpjGICVNighA3RTDNQEwA5/UjXQ==`},{default:e(()=>[...l[24]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`blue`},`Header 1`),s(`th`,{class:`blue`},`Header 2`),s(`th`,{class:`blue`},`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,{class:`blue`},`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,{class:`blue`},`Cell 4`),s(`td`,null,`Cell 5`),s(`td`,{class:`blue`},`Cell 6`)])])],-1)]]),_:1}),l[38]||=o(`<h2 id="表格单元格合并" tabindex="-1"><a class="header-anchor" href="#表格单元格合并"><span>表格单元格合并</span></a></h2><p>表格单元格合并由 <a href="https://github.com/arve0/markdown-it-attrs" target="_blank" rel="noopener noreferrer">markdown-it-attrs</a> 属性支持语法提供实现。 因此它不需要在 <code>:::table</code> 容器中使用,你可以在何人表格中使用它。</p><p>在表格单元格内,末尾部分使用 属性支持语法 <code>{}</code> 中,添加 <code>rowspan=rows</code> 或者 <code>{colspan=cols}</code> ,或组合使用, 即可实现表格单元格合并。</p><p><strong>输入:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> A </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> B </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> C </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> D </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----------------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ---</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ---</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 11 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 111 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 1111 {rowspan=3} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 2 {colspan=2 rowspan=2} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 22 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 222 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 2222 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 33 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 333 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 3333 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span></code></pre></div><p><strong>输出:</strong></p><table><thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead><tbody><tr><td>1</td><td>11</td><td>111</td><td rowspan="3">1111</td></tr><tr><td colspan="2" rowspan="2">2</td><td>222</td></tr><tr><td>333</td></tr></tbody></table>`,7)])}var g=c(u,[[`render`,h]]);export{l as _pageData,g as default};