[{"data":1,"prerenderedAt":1702},["ShallowReactive",2],{"navigation":3,"blogNavigation":232,"page-\u002Fdocs\u002F%E7%AE%80%E5%8D%95%E6%96%87%E6%A1%A3\u002Fcomponents\u002Finteractive-blocks":418,"\u002Fdocs\u002F%E7%AE%80%E5%8D%95%E6%96%87%E6%A1%A3\u002Fcomponents\u002Finteractive-blocks-surround":1697},[4],{"title":5,"path":6,"stem":7,"children":8,"page":57},"Docs","\u002Fdocs","docs",[9,176,184],{"title":10,"path":11,"stem":12,"children":13,"icon":16},"简单文档","\u002Fdocs\u002F简单文档","docs\u002F1.简单文档\u002F1.index",[14,17,22,58,63,166,171],{"title":15,"path":11,"stem":12,"icon":16},"入门简介","lucide-house",{"title":18,"path":19,"stem":20,"icon":21},"安装与开发","\u002Fdocs\u002F简单文档\u002Finstallation","docs\u002F1.简单文档\u002F2.installation","lucide-play",{"title":23,"path":24,"stem":25,"children":26,"page":57},"开始写作","\u002Fdocs\u002F简单文档\u002Fwriting","docs\u002F1.简单文档\u002F3.writing",[27,32,37,42,47,52],{"title":28,"path":29,"stem":30,"icon":31},"Markdown","\u002Fdocs\u002F简单文档\u002Fwriting\u002Fmarkdown","docs\u002F1.简单文档\u002F3.writing\u002F1.markdown","simple-icons:markdown",{"title":33,"path":34,"stem":35,"icon":36},"页面 frontmatter","\u002Fdocs\u002F简单文档\u002Fwriting\u002Fpages","docs\u002F1.简单文档\u002F3.writing\u002F2.pages","lucide:file-text",{"title":38,"path":39,"stem":40,"icon":41},"目录与文件命名","\u002Fdocs\u002F简单文档\u002Fwriting\u002Ffolders","docs\u002F1.简单文档\u002F3.writing\u002F3.folders","lucide:folder",{"title":43,"path":44,"stem":45,"icon":46},"单页面示例","\u002Fdocs\u002F简单文档\u002Fwriting\u002Ffull-page-example","docs\u002F1.简单文档\u002F3.writing\u002F4.full-page-example","lucide:layout-template",{"title":48,"path":49,"stem":50,"icon":51},"内容检查与测试","\u002Fdocs\u002F简单文档\u002Fwriting\u002Ftest","docs\u002F1.简单文档\u002F3.writing\u002F5.test","lucide:shield-check",{"title":53,"path":54,"stem":55,"icon":56},"在文章中使用组件","\u002Fdocs\u002F简单文档\u002Fwriting\u002Fmdc-content","docs\u002F1.简单文档\u002F3.writing\u002F6.mdc-content","lucide-blocks",false,{"title":59,"path":60,"stem":61,"icon":62},"部署服务","\u002Fdocs\u002F简单文档\u002Fdeployment","docs\u002F1.简单文档\u002F4.deployment","lucide:cloud",{"title":64,"path":65,"stem":66,"children":67,"page":57},"组件特性","\u002Fdocs\u002F简单文档\u002Fcomponents","docs\u002F1.简单文档\u002F5.components",[68,73,77,81,85,89,93,97,101,105,110,114,118,122,126,131,136,141,146,150,154,158,162],{"title":69,"path":70,"stem":71,"icon":72},"常用组件","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fapi","docs\u002F1.简单文档\u002F5.components\u002F1.API","lucide-component",{"title":74,"path":75,"stem":76},"Alert","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Falert","docs\u002F1.简单文档\u002F5.components\u002Falert",{"title":78,"path":79,"stem":80},"Badge","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fbadge","docs\u002F1.简单文档\u002F5.components\u002Fbadge",{"title":82,"path":83,"stem":84},"Button Link","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fbutton-link","docs\u002F1.简单文档\u002F5.components\u002Fbutton-link",{"title":86,"path":87,"stem":88},"Callout","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcallout","docs\u002F1.简单文档\u002F5.components\u002Fcallout",{"title":90,"path":91,"stem":92},"Card","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcard","docs\u002F1.简单文档\u002F5.components\u002Fcard",{"title":94,"path":95,"stem":96},"Card Group","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcard-group","docs\u002F1.简单文档\u002F5.components\u002Fcard-group",{"title":98,"path":99,"stem":100},"Code Group","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcode-group","docs\u002F1.简单文档\u002F5.components\u002Fcode-group",{"title":102,"path":103,"stem":104},"Code Tree","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcode-tree","docs\u002F1.简单文档\u002F5.components\u002Fcode-tree",{"title":106,"path":107,"stem":108,"icon":109},"博客与文档内容块","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fcontent-blocks","docs\u002F1.简单文档\u002F5.components\u002Fcontent-blocks","lucide-panels-top-left",{"title":111,"path":112,"stem":113},"Field","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ffield","docs\u002F1.简单文档\u002F5.components\u002Ffield",{"title":115,"path":116,"stem":117},"Field Group","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ffield-group","docs\u002F1.简单文档\u002F5.components\u002Ffield-group",{"title":119,"path":120,"stem":121},"File Tree","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ffile-tree","docs\u002F1.简单文档\u002F5.components\u002Ffile-tree",{"title":123,"path":124,"stem":125},"Icon","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ficon","docs\u002F1.简单文档\u002F5.components\u002Ficon",{"title":127,"path":128,"stem":129,"icon":130},"数据、API 与阅读交互组件","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Finteractive-blocks","docs\u002F1.简单文档\u002F5.components\u002Finteractive-blocks","lucide-table-properties",{"title":132,"path":133,"stem":134,"icon":135},"进阶组件交互演示","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Finteractive-showcase","docs\u002F1.简单文档\u002F5.components\u002Finteractive-showcase","lucide-sliders-horizontal",{"title":137,"path":138,"stem":139,"icon":140},"MDC 语法与组件注册","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fmdc-guide","docs\u002F1.简单文档\u002F5.components\u002Fmdc-guide","lucide-file-code",{"title":142,"path":143,"stem":144,"icon":145},"MDC 组件交互演示","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fmdc-showcase","docs\u002F1.简单文档\u002F5.components\u002Fmdc-showcase","lucide-mouse-pointer-click",{"title":147,"path":148,"stem":149},"Playground","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fplayground","docs\u002F1.简单文档\u002F5.components\u002Fplayground",{"title":151,"path":152,"stem":153},"Read More","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fread-more","docs\u002F1.简单文档\u002F5.components\u002Fread-more",{"title":155,"path":156,"stem":157},"Stack","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fstack","docs\u002F1.简单文档\u002F5.components\u002Fstack",{"title":159,"path":160,"stem":161},"Steps","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Fsteps","docs\u002F1.简单文档\u002F5.components\u002Fsteps",{"title":163,"path":164,"stem":165},"Tabs","\u002Fdocs\u002F简单文档\u002Fcomponents\u002Ftabs","docs\u002F1.简单文档\u002F5.components\u002Ftabs",{"title":167,"path":168,"stem":169,"icon":170},"功能与路线图","\u002Fdocs\u002F简单文档\u002F功能与路线图","docs\u002F1.简单文档\u002F6.功能与路线图","lucide:map",{"title":172,"path":173,"stem":174,"icon":175},"Nuxt Studio 现状与运维说明","\u002Fdocs\u002F简单文档\u002Fnuxt-studio-upgrade-plan","docs\u002F1.简单文档\u002F7.nuxt-studio-upgrade-plan","simple-icons:nuxtdotjs",{"title":177,"path":178,"stem":179,"children":180,"icon":183},"无人自助系统","\u002Fdocs\u002F无人自助系统","docs\u002F2.无人自助系统\u002F1.index",[181],{"title":182,"path":178,"stem":179,"icon":183},"介绍","simple-icons:opencollective",{"title":185,"path":186,"stem":187,"children":188,"icon":191},"SwitchOps 交换机巡检","\u002Fdocs\u002Fswitchops交换机巡检","docs\u002F3.SwitchOps交换机巡检\u002F1.index",[189,192,197,202,207,212,217,222,227],{"title":190,"path":186,"stem":187,"icon":191},"产品简介","lucide:house",{"title":193,"path":194,"stem":195,"icon":196},"快速开始","\u002Fdocs\u002Fswitchops交换机巡检\u002Fquick-start","docs\u002F3.SwitchOps交换机巡检\u002F2.quick-start","lucide:rocket",{"title":198,"path":199,"stem":200,"icon":201},"设备清单配置","\u002Fdocs\u002Fswitchops交换机巡检\u002Fdevice-config","docs\u002F3.SwitchOps交换机巡检\u002F3.device-config","lucide:list-tree",{"title":203,"path":204,"stem":205,"icon":206},"图形界面使用","\u002Fdocs\u002Fswitchops交换机巡检\u002Fgui-guide","docs\u002F3.SwitchOps交换机巡检\u002F4.gui-guide","lucide:monitor",{"title":208,"path":209,"stem":210,"icon":211},"命令行使用","\u002Fdocs\u002Fswitchops交换机巡检\u002Fcli-guide","docs\u002F3.SwitchOps交换机巡检\u002F5.cli-guide","lucide:square-terminal",{"title":213,"path":214,"stem":215,"icon":216},"报告与历史数据","\u002Fdocs\u002Fswitchops交换机巡检\u002Freports-history","docs\u002F3.SwitchOps交换机巡检\u002F6.reports-history","lucide:file-chart-column",{"title":218,"path":219,"stem":220,"icon":221},"高级配置","\u002Fdocs\u002Fswitchops交换机巡检\u002Fadvanced-config","docs\u002F3.SwitchOps交换机巡检\u002F7.advanced-config","lucide:settings",{"title":223,"path":224,"stem":225,"icon":226},"Windows 打包部署","\u002Fdocs\u002Fswitchops交换机巡检\u002Fwindows-deployment","docs\u002F3.SwitchOps交换机巡检\u002F8.windows-deployment","lucide:package",{"title":228,"path":229,"stem":230,"icon":231},"故障排查与安全","\u002Fdocs\u002Fswitchops交换机巡检\u002Ftroubleshooting-security","docs\u002F3.SwitchOps交换机巡检\u002F9.troubleshooting-security","lucide:shield-alert",[233],{"title":234,"path":235,"stem":236,"children":237,"page":57},"Blog","\u002Fblog","blog",[238,401,410],{"title":239,"path":240,"stem":241,"children":242,"page":57},"技术栈","\u002Fblog\u002F技术栈","blog\u002F1.技术栈",[243,248,253,258,262,267,271,276,280,284,289,294,299,303,307,311,315,319,324,328,333,338,343,347,352,357,362,367,372,376,381,386,391,396],{"title":244,"path":245,"stem":246,"icon":247},"最近给文档站补了些什么","\u002Fblog\u002F技术栈\u002Festel-docs-recent-updates","blog\u002F1.技术栈\u002F968.estel-docs-recent-updates","lucide:blocks",{"title":249,"path":250,"stem":251,"icon":252},"国产化终端能上办公网，却登录不了 OA：一次网络准入故障排查","\u002Fblog\u002F技术栈\u002F国产化终端办公oa网络准入故障排查","blog\u002F1.技术栈\u002F969.国产化终端办公OA网络准入故障排查","lucide:network",{"title":254,"path":255,"stem":256,"icon":257},"准备新的插件","\u002Fblog\u002F技术栈\u002F新的插件","blog\u002F1.技术栈\u002F970.新的插件","simple-icons:debian",{"title":259,"path":260,"stem":261,"icon":257},"防于未然，先固不破 — Debian 12 快速加固实战","\u002Fblog\u002F技术栈\u002F服务器加固实战","blog\u002F1.技术栈\u002F971.服务器加固实战",{"title":263,"path":264,"stem":265,"icon":266},"nmap高级应用技巧-实战","\u002Fblog\u002F技术栈\u002Fnmap高级应用技巧-实战","blog\u002F1.技术栈\u002F972.nmap高级应用技巧-实战","simple-icons:openstreetmap",{"title":268,"path":269,"stem":270,"icon":266},"nmap高级应用技巧-NSE","\u002Fblog\u002F技术栈\u002Fnmap高级应用技巧-nse","blog\u002F1.技术栈\u002F973.nmap高级应用技巧-NSE",{"title":272,"path":273,"stem":274,"icon":275},"部分vue组件语法预览","\u002Fblog\u002F技术栈\u002F部分组件语法展示","blog\u002F1.技术栈\u002F974.部分组件语法展示","simple-icons:vuedotjs",{"title":277,"path":278,"stem":279,"icon":175},"新的文档渲染样式","\u002Fblog\u002F技术栈\u002F新的文档渲染样式","blog\u002F1.技术栈\u002F975.新的文档渲染样式",{"title":281,"path":282,"stem":283,"icon":175},"Nuxt 微信分享接口","\u002Fblog\u002F技术栈\u002Fnuxt-微信分享接口","blog\u002F1.技术栈\u002F976.Nuxt 微信分享接口",{"title":285,"path":286,"stem":287,"icon":288},"AI复合应用 合同审查","\u002Fblog\u002F技术栈\u002Fai复合应用-合同审查","blog\u002F1.技术栈\u002F978.AI复合应用 合同审查","simple-icons:openai",{"title":290,"path":291,"stem":292,"icon":293},"Kali 安装 GVM","\u002Fblog\u002F技术栈\u002Fkali-安装-gvm","blog\u002F1.技术栈\u002F979.Kali 安装 GVM","simple-icons:kalilinux",{"title":295,"path":296,"stem":297,"icon":298},"GPT-5","\u002Fblog\u002F技术栈\u002Fgpt5","blog\u002F1.技术栈\u002F980.GPT5","simple-icons:powershell",{"title":300,"path":301,"stem":302,"icon":288},"使用 AI 守护内网安全","\u002Fblog\u002F技术栈\u002F使用-ai-守护内网安全","blog\u002F1.技术栈\u002F981.使用 AI 守护内网安全",{"title":304,"path":305,"stem":306,"icon":266},"系统安全扫描工具命令集合","\u002Fblog\u002F技术栈\u002F系统安全扫描工具命令集合","blog\u002F1.技术栈\u002F982.系统安全扫描工具命令集合",{"title":308,"path":309,"stem":310},"用 MDC 组织技术文章","\u002Fblog\u002F技术栈\u002Fmdc-article-example","blog\u002F1.技术栈\u002F983.mdc-article-example",{"title":312,"path":313,"stem":314,"icon":293},"系统安全综合评估报告","\u002Fblog\u002F技术栈\u002F系统安全综合评估报告","blog\u002F1.技术栈\u002F983.系统安全综合评估报告",{"title":316,"path":317,"stem":318},"用交互组件写一份技术说明","\u002Fblog\u002F技术栈\u002Fmdc-interactive-example","blog\u002F1.技术栈\u002F984.mdc-interactive-example",{"title":320,"path":321,"stem":322,"icon":323},"树莓派安装 Kali Linux","\u002Fblog\u002F技术栈\u002F树莓派安装-kali-linux","blog\u002F1.技术栈\u002F984.树莓派安装 Kali Linux","simple-icons:raspberrypi",{"title":325,"path":326,"stem":327,"icon":175},"Nuxt UI Pro","\u002Fblog\u002F技术栈\u002Fnuxt-ui-pro","blog\u002F1.技术栈\u002F985.Nuxt UI Pro",{"title":329,"path":330,"stem":331,"icon":332},"Supabase 阿里云短信","\u002Fblog\u002F技术栈\u002Fsupabase-阿里云短信","blog\u002F1.技术栈\u002F986.Supabase 阿里云短信","simple-icons:alibabacloud",{"title":334,"path":335,"stem":336,"icon":337},"Coolify","\u002Fblog\u002F技术栈\u002Fcoolify","blog\u002F1.技术栈\u002F987.Coolify","simple-icons:chai",{"title":339,"path":340,"stem":341,"icon":342},"Python 代码规范","\u002Fblog\u002F技术栈\u002Fpython-代码规范","blog\u002F1.技术栈\u002F988.Python 代码规范","simple-icons:python",{"title":344,"path":345,"stem":346,"icon":175},"Nuxt3 代码规范","\u002Fblog\u002F技术栈\u002Fnuxt3-代码规范","blog\u002F1.技术栈\u002F989.Nuxt3 代码规范",{"title":348,"path":349,"stem":350,"icon":351},"Linux 系统 Swap 分区配置指南","\u002Fblog\u002F技术栈\u002Flinux-系统-swap-分区配置指南","blog\u002F1.技术栈\u002F990.Linux 系统 Swap 分区配置指南","simple-icons:linux",{"title":353,"path":354,"stem":355,"icon":356},"从Supabase迁移到Appwrite","\u002Fblog\u002F技术栈\u002F从supabase迁移到appwrite","blog\u002F1.技术栈\u002F991.从Supabase迁移到Appwrite","simple-icons:supabase",{"title":358,"path":359,"stem":360,"icon":361},"AppWrite 项目资源占用情况","\u002Fblog\u002F技术栈\u002Fappwrite-项目资源占用情况","blog\u002F1.技术栈\u002F992.AppWrite 项目资源占用情况","simple-icons:appwrite",{"title":363,"path":364,"stem":365,"icon":366},"Docker 里配置hosts","\u002Fblog\u002F技术栈\u002Fdocker-里配置hosts","blog\u002F1.技术栈\u002F993.Docker 里配置hosts","simple-icons:docker",{"title":368,"path":369,"stem":370,"icon":371},"MySQL 中如何忽略表名的大小写","\u002Fblog\u002F技术栈\u002Fmysql-中如何忽略表名的大小写","blog\u002F1.技术栈\u002F994.MySQL 中如何忽略表名的大小写","simple-icons:mysql",{"title":373,"path":374,"stem":375,"icon":257},"Debian 12 安装nodejs","\u002Fblog\u002F技术栈\u002Fdebian-12-安装nodejs","blog\u002F1.技术栈\u002F995.Debian 12 安装nodejs",{"title":377,"path":378,"stem":379,"icon":380},"Dify + Supabase：打造带数据库的AI问答机器人","\u002Fblog\u002F技术栈\u002Fdify-supabase：打造带数据库的ai问答机器人","blog\u002F1.技术栈\u002F996.Dify + Supabase：打造带数据库的AI问答机器人","simple-icons:reactbootstrap",{"title":382,"path":383,"stem":384,"icon":385},"安装 VS Code到浏览器 -- Code Server","\u002Fblog\u002F技术栈\u002F安装-vs-code到浏览器-code-server-copy","blog\u002F1.技术栈\u002F996.安装 VS Code到浏览器 -- Code Server copy","simple-icons:visualstudiocode",{"title":387,"path":388,"stem":389,"icon":390},"Debian 12 云服务器初始安全设置与优化指南","\u002Fblog\u002F技术栈\u002Fdebian-12-云服务器初始安全设置与优化指南","blog\u002F1.技术栈\u002F997.Debian 12 云服务器初始安全设置与优化指南","lucide-server",{"title":392,"path":393,"stem":394,"icon":395},"Iperf3 万兆网络打流测试指南","\u002Fblog\u002F技术栈\u002Fiperf3-万兆网络打流测试指南","blog\u002F1.技术栈\u002F998.Iperf3 万兆网络打流测试指南","lucide-network",{"title":397,"path":398,"stem":399,"icon":400},"GROK3 and Deepseek","\u002Fblog\u002F技术栈\u002Fgrok3-and-deepseek","blog\u002F1.技术栈\u002F999.GROK3-and-Deepseek","lucide-brain",{"title":402,"path":403,"stem":404,"children":405,"page":57},"AI","\u002Fblog\u002Fai","blog\u002F2.AI",[406],{"title":407,"path":408,"stem":409,"icon":337},"AI最佳实践","\u002Fblog\u002Fai\u002Fai","blog\u002F2.AI\u002F01.AI",{"title":411,"path":412,"stem":413,"children":414,"page":57},"生活","\u002Fblog\u002F生活","blog\u002F3.生活",[415],{"title":411,"path":416,"stem":417,"icon":337},"\u002Fblog\u002F生活\u002F生活","blog\u002F3.生活\u002F01.生活",{"id":419,"title":127,"badges":420,"body":421,"date":420,"description":1690,"draft":57,"extension":1691,"fullpage":57,"icon":420,"links":420,"meta":1692,"navBadges":420,"navigation":1693,"path":128,"rawbody":1694,"seo":1695,"stem":129,"updated":420,"__hash__":1696},"docs\u002Fdocs\u002F1.简单文档\u002F5.components\u002Finteractive-blocks.md",null,{"type":422,"value":423,"toc":1681},"minimark",[424,453,465,470,473,550,747,750,754,761,770,837,995,998,1002,1005,1059,1070,1219,1223,1232,1295,1397,1400,1404,1415,1461,1474,1478,1496,1567,1570,1574,1595,1674,1677],[425,426,427,428,435,436,435,441,446,447,452],"p",{},"本轮参考 ",[429,430,434],"a",{"href":431,"rel":432},"https:\u002F\u002Fgithub.com\u002Fmintlify\u002Fdocs\u002Fblob\u002Fmain\u002Fcomponents\u002Findex.mdx",[433],"nofollow","Mintlify 组件目录","、",[429,437,440],{"href":438,"rel":439},"https:\u002F\u002Fwww.fumadocs.dev\u002Fdocs\u002Fui\u002Fcomponents\u002Ftype-table",[433],"Fumadocs 类型表",[429,442,445],{"href":443,"rel":444},"https:\u002F\u002Fstarlight.astro.build\u002Fcomponents\u002Ftabs\u002F",[433],"Starlight"," 和 ",[429,448,451],{"href":449,"rel":450},"https:\u002F\u002Fvitepress.dev\u002Freference\u002Fdefault-theme-team-page",[433],"VitePress"," 后，补充当前组件库的缺口。已有卡片、提醒、步骤和标签页继续复用。本页所有实现都是本站的 Vue 组件，可以写入 docs 或 blog。",[425,454,455,456,460,461,464],{},"集中体验见 ",[429,457,459],{"href":458},"\u002Fdocs\u002F%E7%AE%80%E5%8D%95%E6%96%87%E6%A1%A3\u002Fcomponents\u002Finteractive-showcase","进阶组件演示","，组合示例见 ",[429,462,316],{"href":463},"\u002Fblog\u002F%E6%8A%80%E6%9C%AF%E6%A0%88\u002Fmdc-interactive-example","。",[466,467,469],"h2",{"id":468},"datatable搜索排序与分页","DataTable：搜索、排序与分页",[425,471,472],{},"适合设备清单、统计明细和工具列表。短小的静态对照继续使用普通 Markdown 表格。",[474,475,476,492],"table",{},[477,478,479],"thead",{},[480,481,482,486,489],"tr",{},[483,484,485],"th",{},"属性",[483,487,488],{},"类型",[483,490,491],{},"说明",[493,494,495,507,518,528,539],"tbody",{},[480,496,497,501,504],{},[498,499,500],"td",{},"title",[498,502,503],{},"string",[498,505,506],{},"默认“数据表”，用于 caption 与可访问名称",[480,508,509,512,515],{},[498,510,511],{},"columns",[498,513,514],{},"array",[498,516,517],{},"必填，每项 key、label，可设 sortable:false",[480,519,520,523,525],{},[498,521,522],{},"rows",[498,524,514],{},[498,526,527],{},"必填，键与 columns.key 对应；值为 string\u002Fnumber\u002Fboolean\u002Fnull",[480,529,530,533,536],{},[498,531,532],{},"searchable",[498,534,535],{},"boolean",[498,537,538],{},"默认 true，搜索可见列的显示文本",[480,540,541,544,547],{},[498,542,543],{},"pageSize",[498,545,546],{},"number",[498,548,549],{},"默认 10，正整数，上限 100；无效值恢复默认",[551,552,557],"pre",{"className":553,"code":554,"language":555,"meta":556,"style":556},"language-mdc shiki shiki-themes github-light github-light github-dark vitesse-light vitesse-dark catppuccin-latte catppuccin-mocha one-light one-dark-pro material-theme-lighter material-theme-palenight min-light min-dark","::data-table\n---\ntitle: 示例设备\npageSize: 2\ncolumns:\n  - key: name\n    label: 名称\n  - key: ports\n    label: 端口数\nrows:\n  - name: 核心交换机\n    ports: 48\n  - name: 接入交换机\n    ports: 24\n  - name: 测试交换机\n    ports: 8\n---\n::\n","mdc","",[558,559,560,573,580,594,605,613,628,639,651,661,668,681,692,704,714,726,736,741],"code",{"__ignoreMap":556},[561,562,565,569],"span",{"class":563,"line":564},"line",1,[561,566,568],{"class":567},"s4Bi8","::",[561,570,572],{"class":571},"spV5I","data-table\n",[561,574,576],{"class":563,"line":575},2,[561,577,579],{"class":578},"sw9Yk","---\n",[561,581,583,586,590],{"class":563,"line":582},3,[561,584,500],{"class":585},"sBSHF",[561,587,589],{"class":588},"stNAY",":",[561,591,593],{"class":592},"sCtJb"," 示例设备\n",[561,595,597,599,601],{"class":563,"line":596},4,[561,598,543],{"class":585},[561,600,589],{"class":588},[561,602,604],{"class":603},"s_Zq6"," 2\n",[561,606,608,610],{"class":563,"line":607},5,[561,609,511],{"class":585},[561,611,612],{"class":588},":\n",[561,614,616,620,623,625],{"class":563,"line":615},6,[561,617,619],{"class":618},"sIQTy","  -",[561,621,622],{"class":585}," key",[561,624,589],{"class":588},[561,626,627],{"class":592}," name\n",[561,629,631,634,636],{"class":563,"line":630},7,[561,632,633],{"class":585},"    label",[561,635,589],{"class":588},[561,637,638],{"class":592}," 名称\n",[561,640,642,644,646,648],{"class":563,"line":641},8,[561,643,619],{"class":618},[561,645,622],{"class":585},[561,647,589],{"class":588},[561,649,650],{"class":592}," ports\n",[561,652,654,656,658],{"class":563,"line":653},9,[561,655,633],{"class":585},[561,657,589],{"class":588},[561,659,660],{"class":592}," 端口数\n",[561,662,664,666],{"class":563,"line":663},10,[561,665,522],{"class":585},[561,667,612],{"class":588},[561,669,671,673,676,678],{"class":563,"line":670},11,[561,672,619],{"class":618},[561,674,675],{"class":585}," name",[561,677,589],{"class":588},[561,679,680],{"class":592}," 核心交换机\n",[561,682,684,687,689],{"class":563,"line":683},12,[561,685,686],{"class":585},"    ports",[561,688,589],{"class":588},[561,690,691],{"class":603}," 48\n",[561,693,695,697,699,701],{"class":563,"line":694},13,[561,696,619],{"class":618},[561,698,675],{"class":585},[561,700,589],{"class":588},[561,702,703],{"class":592}," 接入交换机\n",[561,705,707,709,711],{"class":563,"line":706},14,[561,708,686],{"class":585},[561,710,589],{"class":588},[561,712,713],{"class":603}," 24\n",[561,715,717,719,721,723],{"class":563,"line":716},15,[561,718,619],{"class":618},[561,720,675],{"class":585},[561,722,589],{"class":588},[561,724,725],{"class":592}," 测试交换机\n",[561,727,729,731,733],{"class":563,"line":728},16,[561,730,686],{"class":585},[561,732,589],{"class":588},[561,734,735],{"class":603}," 8\n",[561,737,739],{"class":563,"line":738},17,[561,740,579],{"class":578},[561,742,744],{"class":563,"line":743},18,[561,745,746],{"class":567},"::\n",[425,748,749],{},"点击列名切换升序\u002F降序；数值按数值比较，字符串使用自然排序，空值放在末尾，相等项保留原顺序。搜索或排序后回到第一页，分页不截断后续数据。布尔值显示“是\u002F否”，空值显示“—”。手机上只有表格区域横向滚动，该区域也可键盘聚焦。组件不进行服务端查询。",[466,751,753],{"id":752},"parametertable结构化参数说明","ParameterTable：结构化参数说明",[425,755,756,757,760],{},"适合 API 请求\u002F响应、配置文件和组件 props。相比逐个 ",[558,758,759],{},"::field","，一份 YAML 可以同时表达类型、默认值、必填、弃用与枚举。",[425,762,763,765,766,769],{},[558,764,500],{}," 默认“参数说明”；",[558,767,768],{},"parameters"," 为必填数组，支持以下字段：",[474,771,772,783],{},[477,773,774],{},[480,775,776,779,781],{},[483,777,778],{},"字段",[483,780,488],{},[483,782,491],{},[493,784,785,795,805,815,826],{},[480,786,787,790,792],{},[498,788,789],{},"name \u002F type",[498,791,503],{},[498,793,794],{},"必填参数名与类型文字",[480,796,797,800,802],{},[498,798,799],{},"description \u002F location",[498,801,503],{},[498,803,804],{},"描述与 query\u002Fpath\u002Fbody 等位置",[480,806,807,810,812],{},[498,808,809],{},"required \u002F deprecated",[498,811,535],{},[498,813,814],{},"默认 false",[480,816,817,820,823],{},[498,818,819],{},"default",[498,821,822],{},"string\u002Fnumber\u002Fboolean\u002Fnull",[498,824,825],{},"可选，0、false、null 均正确显示",[480,827,828,831,834],{},[498,829,830],{},"enum",[498,832,833],{},"string\u002Fnumber 数组",[498,835,836],{},"可选值列表",[551,838,840],{"className":553,"code":839,"language":555,"meta":556,"style":556},"::parameter-table\n---\ntitle: 查询参数\nparameters:\n  - name: deviceId\n    type: string\n    location: query\n    required: true\n    description: 要查询的设备标识\n  - name: limit\n    type: number\n    default: 10\n    enum: [10, 20, 50]\n    description: 每页记录数\n---\n::\n",[558,841,842,849,853,862,868,879,889,899,910,920,931,940,950,978,987,991],{"__ignoreMap":556},[561,843,844,846],{"class":563,"line":564},[561,845,568],{"class":567},[561,847,848],{"class":571},"parameter-table\n",[561,850,851],{"class":563,"line":575},[561,852,579],{"class":578},[561,854,855,857,859],{"class":563,"line":582},[561,856,500],{"class":585},[561,858,589],{"class":588},[561,860,861],{"class":592}," 查询参数\n",[561,863,864,866],{"class":563,"line":596},[561,865,768],{"class":585},[561,867,612],{"class":588},[561,869,870,872,874,876],{"class":563,"line":607},[561,871,619],{"class":618},[561,873,675],{"class":585},[561,875,589],{"class":588},[561,877,878],{"class":592}," deviceId\n",[561,880,881,884,886],{"class":563,"line":615},[561,882,883],{"class":585},"    type",[561,885,589],{"class":588},[561,887,888],{"class":592}," string\n",[561,890,891,894,896],{"class":563,"line":630},[561,892,893],{"class":585},"    location",[561,895,589],{"class":588},[561,897,898],{"class":592}," query\n",[561,900,901,904,906],{"class":563,"line":641},[561,902,903],{"class":585},"    required",[561,905,589],{"class":588},[561,907,909],{"class":908},"sle2E"," true\n",[561,911,912,915,917],{"class":563,"line":653},[561,913,914],{"class":585},"    description",[561,916,589],{"class":588},[561,918,919],{"class":592}," 要查询的设备标识\n",[561,921,922,924,926,928],{"class":563,"line":663},[561,923,619],{"class":618},[561,925,675],{"class":585},[561,927,589],{"class":588},[561,929,930],{"class":592}," limit\n",[561,932,933,935,937],{"class":563,"line":670},[561,934,883],{"class":585},[561,936,589],{"class":588},[561,938,939],{"class":592}," number\n",[561,941,942,945,947],{"class":563,"line":683},[561,943,944],{"class":585},"    default",[561,946,589],{"class":588},[561,948,949],{"class":603}," 10\n",[561,951,952,955,957,960,963,967,970,972,975],{"class":563,"line":694},[561,953,954],{"class":585},"    enum",[561,956,589],{"class":588},[561,958,959],{"class":618}," [",[561,961,962],{"class":603},"10",[561,964,966],{"class":965},"sRS6S",",",[561,968,969],{"class":603}," 20",[561,971,966],{"class":965},[561,973,974],{"class":603}," 50",[561,976,977],{"class":618},"]\n",[561,979,980,982,984],{"class":563,"line":706},[561,981,914],{"class":585},[561,983,589],{"class":588},[561,985,986],{"class":592}," 每页记录数\n",[561,988,989],{"class":563,"line":716},[561,990,579],{"class":578},[561,992,993],{"class":563,"line":728},[561,994,746],{"class":567},[425,996,997],{},"类型与默认值由作者填写，不自动解析 OpenAPI\u002FTypeScript。空数组显示“无需参数”。",[466,999,1001],{"id":1000},"apiendpoint接口说明与示例插槽","ApiEndpoint：接口说明与示例插槽",[425,1003,1004],{},"展示 HTTP 方法、路径、认证文字和状态，用命名插槽并排呈现请求与响应。组件仅用于说明，不发请求或代理任意 URL。",[474,1006,1007,1017],{},[477,1008,1009],{},[480,1010,1011,1013,1015],{},[483,1012,485],{},[483,1014,488],{},[483,1016,491],{},[493,1018,1019,1029,1039,1049],{},[480,1020,1021,1024,1026],{},[498,1022,1023],{},"path",[498,1025,503],{},[498,1027,1028],{},"必填，作为文字显示的接口路径",[480,1030,1031,1034,1036],{},[498,1032,1033],{},"method",[498,1035,503],{},[498,1037,1038],{},"默认 GET，显示为大写",[480,1040,1041,1044,1046],{},[498,1042,1043],{},"title \u002F auth",[498,1045,503],{},[498,1047,1048],{},"可选标题与认证说明",[480,1050,1051,1054,1056],{},[498,1052,1053],{},"status",[498,1055,546],{},[498,1057,1058],{},"可选的示例响应状态",[425,1060,1061,1062,1065,1066,1069],{},"默认插槽可放说明和 ParameterTable；",[558,1063,1064],{},"request"," \u002F ",[558,1067,1068],{},"response"," 插槽接收 Markdown 或代码：",[551,1071,1073],{"className":553,"code":1072,"language":555,"meta":556,"style":556},":::api-endpoint{title=\"查询示例报告\" method=\"GET\" path=\"\u002Fapi\u002Freports\u002F{id}\" auth=\"演示认证\" :status=\"200\"}\n这是一个说明用的示例接口。\n\n#request\n```http\nGET \u002Fapi\u002Freports\u002Fdemo HTTP\u002F1.1\n```\n\n#response\n```json\n{ \"id\": \"demo\", \"status\": \"ready\" }\n```\n:::\n",[558,1074,1075,1152,1157,1163,1168,1178,1184,1189,1193,1198,1205,1210,1214],{"__ignoreMap":556},[561,1076,1077,1080,1083,1086,1089,1092,1096,1099,1101,1104,1106,1108,1111,1113,1116,1118,1120,1123,1125,1128,1130,1132,1135,1137,1140,1142,1144,1147,1149],{"class":563,"line":564},[561,1078,1079],{"class":567},":::",[561,1081,1082],{"class":571},"api-endpoint",[561,1084,1085],{"class":567},"{",[561,1087,500],{"class":1088},"shR_7",[561,1090,1091],{"class":588},"=",[561,1093,1095],{"class":1094},"sLXf0","\"",[561,1097,1098],{"class":592},"查询示例报告",[561,1100,1095],{"class":1094},[561,1102,1103],{"class":1088}," method",[561,1105,1091],{"class":588},[561,1107,1095],{"class":1094},[561,1109,1110],{"class":592},"GET",[561,1112,1095],{"class":1094},[561,1114,1115],{"class":1088}," path",[561,1117,1091],{"class":588},[561,1119,1095],{"class":1094},[561,1121,1122],{"class":592},"\u002Fapi\u002Freports\u002F{id}",[561,1124,1095],{"class":1094},[561,1126,1127],{"class":1088}," auth",[561,1129,1091],{"class":588},[561,1131,1095],{"class":1094},[561,1133,1134],{"class":592},"演示认证",[561,1136,1095],{"class":1094},[561,1138,1139],{"class":1088}," :status",[561,1141,1091],{"class":588},[561,1143,1095],{"class":1094},[561,1145,1146],{"class":592},"200",[561,1148,1095],{"class":1094},[561,1150,1151],{"class":567},"}\n",[561,1153,1154],{"class":563,"line":575},[561,1155,1156],{"class":578},"这是一个说明用的示例接口。\n",[561,1158,1159],{"class":563,"line":582},[561,1160,1162],{"emptyLinePlaceholder":1161},true,"\n",[561,1164,1165],{"class":563,"line":596},[561,1166,1167],{"class":1088},"#request\n",[561,1169,1170,1174],{"class":563,"line":607},[561,1171,1173],{"class":1172},"sO_xl","```",[561,1175,1177],{"class":1176},"ssTbb","http\n",[561,1179,1180],{"class":563,"line":615},[561,1181,1183],{"class":1182},"sMLmi","GET \u002Fapi\u002Freports\u002Fdemo HTTP\u002F1.1\n",[561,1185,1186],{"class":563,"line":630},[561,1187,1188],{"class":1172},"```\n",[561,1190,1191],{"class":563,"line":641},[561,1192,1162],{"emptyLinePlaceholder":1161},[561,1194,1195],{"class":563,"line":653},[561,1196,1197],{"class":1088},"#response\n",[561,1199,1200,1202],{"class":563,"line":663},[561,1201,1173],{"class":1172},[561,1203,1204],{"class":1176},"json\n",[561,1206,1207],{"class":563,"line":670},[561,1208,1209],{"class":1182},"{ \"id\": \"demo\", \"status\": \"ready\" }\n",[561,1211,1212],{"class":563,"line":683},[561,1213,1188],{"class":1172},[561,1215,1216],{"class":563,"line":694},[561,1217,1218],{"class":567},":::\n",[466,1220,1222],{"id":1221},"imagecompare图片前后对比","ImageCompare：图片前后对比",[425,1224,1225,1226,1231],{},"参考 ",[429,1227,1230],{"href":1228,"rel":1229},"https:\u002F\u002Fgithub.com\u002Fsneas\u002Fimg-comparison-slider",[433],"图片对比滑杆的交互模式","，本站用原生 range 输入实现，支持拖动、触摸、方向键、Home 和 End。两张图应具有相同尺寸和构图；滑杆改变左侧“之前”图的可见比例。",[474,1233,1234,1244],{},[477,1235,1236],{},[480,1237,1238,1240,1242],{},[483,1239,485],{},[483,1241,488],{},[483,1243,491],{},[493,1245,1246,1256,1266,1276,1285],{},[480,1247,1248,1251,1253],{},[498,1249,1250],{},"beforeSrc \u002F afterSrc",[498,1252,503],{},[498,1254,1255],{},"必填，站内或 HTTP(S) 图片",[480,1257,1258,1261,1263],{},[498,1259,1260],{},"beforeAlt \u002F afterAlt",[498,1262,503],{},[498,1264,1265],{},"必填，两张图的替代文字",[480,1267,1268,1271,1273],{},[498,1269,1270],{},"beforeLabel \u002F afterLabel",[498,1272,503],{},[498,1274,1275],{},"默认“之前\u002F之后”",[480,1277,1278,1280,1282],{},[498,1279,500],{},[498,1281,503],{},[498,1283,1284],{},"默认“图片对比”，用于滑杆标签",[480,1286,1287,1290,1292],{},[498,1288,1289],{},"initialPosition",[498,1291,546],{},[498,1293,1294],{},"默认 50，限制到 0～100，无效值为 50",[551,1296,1298],{"className":553,"code":1297,"language":555,"meta":556,"style":556},"::image-compare\n---\ntitle: 工作流图示对比\nbeforeSrc: \u002Fimages\u002Fmdc\u002Frender-flow.svg\nafterSrc: \u002Fimages\u002Fmdc\u002Fpublish-flow.svg\nbeforeAlt: 内容渲染流程图\nafterAlt: 文档发布流程图\nbeforeLabel: 渲染流程\nafterLabel: 发布流程\ninitialPosition: 50\n---\n::\n",[558,1299,1300,1307,1311,1320,1330,1340,1350,1360,1370,1380,1389,1393],{"__ignoreMap":556},[561,1301,1302,1304],{"class":563,"line":564},[561,1303,568],{"class":567},[561,1305,1306],{"class":571},"image-compare\n",[561,1308,1309],{"class":563,"line":575},[561,1310,579],{"class":578},[561,1312,1313,1315,1317],{"class":563,"line":582},[561,1314,500],{"class":585},[561,1316,589],{"class":588},[561,1318,1319],{"class":592}," 工作流图示对比\n",[561,1321,1322,1325,1327],{"class":563,"line":596},[561,1323,1324],{"class":585},"beforeSrc",[561,1326,589],{"class":588},[561,1328,1329],{"class":592}," \u002Fimages\u002Fmdc\u002Frender-flow.svg\n",[561,1331,1332,1335,1337],{"class":563,"line":607},[561,1333,1334],{"class":585},"afterSrc",[561,1336,589],{"class":588},[561,1338,1339],{"class":592}," \u002Fimages\u002Fmdc\u002Fpublish-flow.svg\n",[561,1341,1342,1345,1347],{"class":563,"line":615},[561,1343,1344],{"class":585},"beforeAlt",[561,1346,589],{"class":588},[561,1348,1349],{"class":592}," 内容渲染流程图\n",[561,1351,1352,1355,1357],{"class":563,"line":630},[561,1353,1354],{"class":585},"afterAlt",[561,1356,589],{"class":588},[561,1358,1359],{"class":592}," 文档发布流程图\n",[561,1361,1362,1365,1367],{"class":563,"line":641},[561,1363,1364],{"class":585},"beforeLabel",[561,1366,589],{"class":588},[561,1368,1369],{"class":592}," 渲染流程\n",[561,1371,1372,1375,1377],{"class":563,"line":653},[561,1373,1374],{"class":585},"afterLabel",[561,1376,589],{"class":588},[561,1378,1379],{"class":592}," 发布流程\n",[561,1381,1382,1384,1386],{"class":563,"line":663},[561,1383,1289],{"class":585},[561,1385,589],{"class":588},[561,1387,1388],{"class":603}," 50\n",[561,1390,1391],{"class":563,"line":670},[561,1392,579],{"class":578},[561,1394,1395],{"class":563,"line":683},[561,1396,746],{"class":567},[425,1398,1399],{},"上例仅演示交互，不表示两张图存在升级关系。无效图片地址不会渲染，组件保留图像全貌，不裁切内容。",[466,1401,1403],{"id":1402},"glossaryterm行内术语解释","GlossaryTerm：行内术语解释",[425,1405,1406,1407,1410,1411,1414],{},"两个必填 string 属性：",[558,1408,1409],{},"term"," 与 ",[558,1412,1413],{},"definition","。适合在缩略词首次出现时解释含义。",[551,1416,1418],{"className":553,"code":1417,"language":555,"meta":556,"style":556},"页面通过 :glossary-term{term=\"SSR\" definition=\"服务端渲染：由服务器生成页面的初始 HTML。\"} 生成初始内容。\n",[558,1419,1420],{"__ignoreMap":556},[561,1421,1422,1425,1427,1430,1432,1434,1436,1438,1441,1443,1446,1448,1450,1453,1455,1458],{"class":563,"line":564},[561,1423,1424],{"class":578},"页面通过 ",[561,1426,589],{"class":567},[561,1428,1429],{"class":571},"glossary-term",[561,1431,1085],{"class":567},[561,1433,1409],{"class":1088},[561,1435,1091],{"class":588},[561,1437,1095],{"class":1094},[561,1439,1440],{"class":592},"SSR",[561,1442,1095],{"class":1094},[561,1444,1445],{"class":1088}," definition",[561,1447,1091],{"class":588},[561,1449,1095],{"class":1094},[561,1451,1452],{"class":592},"服务端渲染：由服务器生成页面的初始 HTML。",[561,1454,1095],{"class":1094},[561,1456,1457],{"class":567},"}",[561,1459,1460],{"class":578}," 生成初始内容。\n",[425,1462,1463,1464,1467,1468,1473],{},"点击或键盘激活打开原生 popover；Esc、再次点击或点击外部关闭，",[558,1465,1466],{},"aria-expanded"," 同步更新。说明显示在顶层，避免被父容器裁切。使用 ",[429,1469,1472],{"href":1470,"rel":1471},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FPopover_API",[433],"Popover API","，在不支持的浏览器中展开为普通说明文字。定义为文本，不执行 HTML。",[466,1475,1477],{"id":1476},"contentquiz阅读自测","ContentQuiz：阅读自测",[425,1479,1480,1483,1484,1487,1488,1491,1492,1495],{},[558,1481,1482],{},"question","（string）、",[558,1485,1486],{},"choices","（string 数组）和 ",[558,1489,1490],{},"answer","（从 0 开始的正确选项索引）必填，",[558,1493,1494],{},"explanation"," 可选。选择后点“检查答案”显示结果和解析；更换选项清除旧结果，“重新作答”清空选择。",[551,1497,1499],{"className":553,"code":1498,"language":555,"meta":556,"style":556},"::content-quiz\n---\nquestion: 哪种数据应该写在前端示例里？\nchoices:\n  - 真实生产密码\n  - 无敏感信息的示例数据\nanswer: 1\nexplanation: 使用示例数据，避免发布真实凭据。\n---\n::\n",[558,1500,1501,1508,1512,1521,1527,1534,1541,1550,1559,1563],{"__ignoreMap":556},[561,1502,1503,1505],{"class":563,"line":564},[561,1504,568],{"class":567},[561,1506,1507],{"class":571},"content-quiz\n",[561,1509,1510],{"class":563,"line":575},[561,1511,579],{"class":578},[561,1513,1514,1516,1518],{"class":563,"line":582},[561,1515,1482],{"class":585},[561,1517,589],{"class":588},[561,1519,1520],{"class":592}," 哪种数据应该写在前端示例里？\n",[561,1522,1523,1525],{"class":563,"line":596},[561,1524,1486],{"class":585},[561,1526,612],{"class":588},[561,1528,1529,1531],{"class":563,"line":607},[561,1530,619],{"class":618},[561,1532,1533],{"class":592}," 真实生产密码\n",[561,1535,1536,1538],{"class":563,"line":615},[561,1537,619],{"class":618},[561,1539,1540],{"class":592}," 无敏感信息的示例数据\n",[561,1542,1543,1545,1547],{"class":563,"line":630},[561,1544,1490],{"class":585},[561,1546,589],{"class":588},[561,1548,1549],{"class":603}," 1\n",[561,1551,1552,1554,1556],{"class":563,"line":641},[561,1553,1494],{"class":585},[561,1555,589],{"class":588},[561,1557,1558],{"class":592}," 使用示例数据，避免发布真实凭据。\n",[561,1560,1561],{"class":563,"line":653},[561,1562,579],{"class":578},[561,1564,1565],{"class":563,"line":663},[561,1566,746],{"class":567},[425,1568,1569],{},"状态仅存在于当前组件，多个题目互不影响，不上传成绩。答案在公开页面数据中，适合学习自查，不能用于保密考试或可信评分。无效索引显示配置错误并禁用提交。",[466,1571,1573],{"id":1572},"downloadcard下载入口","DownloadCard：下载入口",[425,1575,1576,435,1578,1581,1582,435,1585,435,1588,435,1591,1594],{},[558,1577,500],{},[558,1579,1580],{},"href"," 必填；",[558,1583,1584],{},"filename",[558,1586,1587],{},"description",[558,1589,1590],{},"version",[558,1592,1593],{},"size"," 可选。站内绝对路径使用原生下载属性；HTTP(S) 外链在新窗口打开，不承诺跨域链接会被强制下载。",[551,1596,1598],{"className":553,"code":1597,"language":555,"meta":556,"style":556},"::download-card{title=\"设备清单示例\" href=\"\u002Fexamples\u002Fdevices.example.json\" filename=\"devices.example.json\" version=\"1.0\" description=\"仅含文档示例地址，不含账号密码。\"}\n::\n",[558,1599,1600,1670],{"__ignoreMap":556},[561,1601,1602,1604,1607,1609,1611,1613,1615,1618,1620,1623,1625,1627,1630,1632,1635,1637,1639,1642,1644,1647,1649,1651,1654,1656,1659,1661,1663,1666,1668],{"class":563,"line":564},[561,1603,568],{"class":567},[561,1605,1606],{"class":571},"download-card",[561,1608,1085],{"class":567},[561,1610,500],{"class":1088},[561,1612,1091],{"class":588},[561,1614,1095],{"class":1094},[561,1616,1617],{"class":592},"设备清单示例",[561,1619,1095],{"class":1094},[561,1621,1622],{"class":1088}," href",[561,1624,1091],{"class":588},[561,1626,1095],{"class":1094},[561,1628,1629],{"class":592},"\u002Fexamples\u002Fdevices.example.json",[561,1631,1095],{"class":1094},[561,1633,1634],{"class":1088}," filename",[561,1636,1091],{"class":588},[561,1638,1095],{"class":1094},[561,1640,1641],{"class":592},"devices.example.json",[561,1643,1095],{"class":1094},[561,1645,1646],{"class":1088}," version",[561,1648,1091],{"class":588},[561,1650,1095],{"class":1094},[561,1652,1653],{"class":592},"1.0",[561,1655,1095],{"class":1094},[561,1657,1658],{"class":1088}," description",[561,1660,1091],{"class":588},[561,1662,1095],{"class":1094},[561,1664,1665],{"class":592},"仅含文档示例地址，不含账号密码。",[561,1667,1095],{"class":1094},[561,1669,1151],{"class":567},[561,1671,1672],{"class":563,"line":575},[561,1673,746],{"class":567},[425,1675,1676],{},"大小与版本是作者提供的说明，不是实时文件校验。下载链接仅支持 HTTP(S) 或站内路径，不安全地址显示错误文字。示例 JSON 只用于展示下载，需要按实际工具格式调整。",[1678,1679,1680],"style",{},"html pre.shiki code .s4Bi8, html code.shiki .s4Bi8{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-catppuccin-light:#179299;--shiki-code-theme-catppuccin-dark:#94E2D5;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#24292EFF;--shiki-code-theme-min-dark:#B392F0}html pre.shiki code .spV5I, html code.shiki .spV5I{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D;--shiki-code-theme-vitesse-light:#1E754F;--shiki-code-theme-vitesse-dark:#4D9375;--shiki-code-theme-catppuccin-light:#1E66F5;--shiki-code-theme-catppuccin-dark:#89B4FA;--shiki-code-theme-one-light:#E45649;--shiki-code-theme-one-dark:#E06C75;--shiki-code-theme-material-light:#E53935;--shiki-code-theme-material-dark:#F07178;--shiki-code-theme-min-light:#22863A;--shiki-code-theme-min-dark:#FFAB70}html pre.shiki code .sw9Yk, html code.shiki .sw9Yk{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#393A34;--shiki-code-theme-vitesse-dark:#DBD7CAEE;--shiki-code-theme-catppuccin-light:#4C4F69;--shiki-code-theme-catppuccin-dark:#CDD6F4;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#90A4AE;--shiki-code-theme-material-dark:#BABED8;--shiki-code-theme-min-light:#24292EFF;--shiki-code-theme-min-dark:#B392F0}html pre.shiki code .sBSHF, html code.shiki .sBSHF{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D;--shiki-code-theme-vitesse-light:#998418;--shiki-code-theme-vitesse-dark:#B8A965;--shiki-code-theme-catppuccin-light:#1E66F5;--shiki-code-theme-catppuccin-dark:#89B4FA;--shiki-code-theme-one-light:#E45649;--shiki-code-theme-one-dark:#E06C75;--shiki-code-theme-material-light:#E53935;--shiki-code-theme-material-dark:#F07178;--shiki-code-theme-min-light:#D32F2F;--shiki-code-theme-min-dark:#F8F8F8}html pre.shiki code .stNAY, html code.shiki .stNAY{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-catppuccin-light:#179299;--shiki-code-theme-catppuccin-dark:#94E2D5;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#D32F2F;--shiki-code-theme-min-dark:#F97583}html pre.shiki code .sCtJb, html code.shiki .sCtJb{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF;--shiki-code-theme-vitesse-light:#B56959;--shiki-code-theme-vitesse-dark:#C98A7D;--shiki-code-theme-catppuccin-light:#40A02B;--shiki-code-theme-catppuccin-dark:#A6E3A1;--shiki-code-theme-one-light:#50A14F;--shiki-code-theme-one-dark:#98C379;--shiki-code-theme-material-light:#91B859;--shiki-code-theme-material-dark:#C3E88D;--shiki-code-theme-min-light:#22863A;--shiki-code-theme-min-dark:#FFAB70}html pre.shiki code .s_Zq6, html code.shiki .s_Zq6{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF;--shiki-code-theme-vitesse-light:#2F798A;--shiki-code-theme-vitesse-dark:#4C9A91;--shiki-code-theme-catppuccin-light:#FE640B;--shiki-code-theme-catppuccin-dark:#FAB387;--shiki-code-theme-one-light:#986801;--shiki-code-theme-one-dark:#D19A66;--shiki-code-theme-material-light:#F76D47;--shiki-code-theme-material-dark:#F78C6C;--shiki-code-theme-min-light:#1976D2;--shiki-code-theme-min-dark:#F8F8F8}html pre.shiki code .sIQTy, html code.shiki .sIQTy{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-catppuccin-light:#7C7F93;--shiki-code-theme-catppuccin-dark:#9399B2;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#24292EFF;--shiki-code-theme-min-dark:#B392F0}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .code-theme-vitesse-light .shiki span {color: var(--shiki-code-theme-vitesse-light);background: var(--shiki-code-theme-vitesse-light-bg);font-style: var(--shiki-code-theme-vitesse-light-font-style);font-weight: var(--shiki-code-theme-vitesse-light-font-weight);text-decoration: var(--shiki-code-theme-vitesse-light-text-decoration);}html.code-theme-vitesse-light .shiki span {color: var(--shiki-code-theme-vitesse-light);background: var(--shiki-code-theme-vitesse-light-bg);font-style: var(--shiki-code-theme-vitesse-light-font-style);font-weight: var(--shiki-code-theme-vitesse-light-font-weight);text-decoration: var(--shiki-code-theme-vitesse-light-text-decoration);}html .code-theme-vitesse-dark .shiki span {color: var(--shiki-code-theme-vitesse-dark);background: var(--shiki-code-theme-vitesse-dark-bg);font-style: var(--shiki-code-theme-vitesse-dark-font-style);font-weight: var(--shiki-code-theme-vitesse-dark-font-weight);text-decoration: var(--shiki-code-theme-vitesse-dark-text-decoration);}html.code-theme-vitesse-dark .shiki span {color: var(--shiki-code-theme-vitesse-dark);background: var(--shiki-code-theme-vitesse-dark-bg);font-style: var(--shiki-code-theme-vitesse-dark-font-style);font-weight: var(--shiki-code-theme-vitesse-dark-font-weight);text-decoration: var(--shiki-code-theme-vitesse-dark-text-decoration);}html .code-theme-catppuccin-light .shiki span {color: var(--shiki-code-theme-catppuccin-light);background: var(--shiki-code-theme-catppuccin-light-bg);font-style: var(--shiki-code-theme-catppuccin-light-font-style);font-weight: var(--shiki-code-theme-catppuccin-light-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-light-text-decoration);}html.code-theme-catppuccin-light .shiki span {color: var(--shiki-code-theme-catppuccin-light);background: var(--shiki-code-theme-catppuccin-light-bg);font-style: var(--shiki-code-theme-catppuccin-light-font-style);font-weight: var(--shiki-code-theme-catppuccin-light-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-light-text-decoration);}html .code-theme-catppuccin-dark .shiki span {color: var(--shiki-code-theme-catppuccin-dark);background: var(--shiki-code-theme-catppuccin-dark-bg);font-style: var(--shiki-code-theme-catppuccin-dark-font-style);font-weight: var(--shiki-code-theme-catppuccin-dark-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-dark-text-decoration);}html.code-theme-catppuccin-dark .shiki span {color: var(--shiki-code-theme-catppuccin-dark);background: var(--shiki-code-theme-catppuccin-dark-bg);font-style: var(--shiki-code-theme-catppuccin-dark-font-style);font-weight: var(--shiki-code-theme-catppuccin-dark-font-weight);text-decoration: var(--shiki-code-theme-catppuccin-dark-text-decoration);}html .code-theme-one-light .shiki span {color: var(--shiki-code-theme-one-light);background: var(--shiki-code-theme-one-light-bg);font-style: var(--shiki-code-theme-one-light-font-style);font-weight: var(--shiki-code-theme-one-light-font-weight);text-decoration: var(--shiki-code-theme-one-light-text-decoration);}html.code-theme-one-light .shiki span {color: var(--shiki-code-theme-one-light);background: var(--shiki-code-theme-one-light-bg);font-style: var(--shiki-code-theme-one-light-font-style);font-weight: var(--shiki-code-theme-one-light-font-weight);text-decoration: var(--shiki-code-theme-one-light-text-decoration);}html .code-theme-one-dark .shiki span {color: var(--shiki-code-theme-one-dark);background: var(--shiki-code-theme-one-dark-bg);font-style: var(--shiki-code-theme-one-dark-font-style);font-weight: var(--shiki-code-theme-one-dark-font-weight);text-decoration: var(--shiki-code-theme-one-dark-text-decoration);}html.code-theme-one-dark .shiki span {color: var(--shiki-code-theme-one-dark);background: var(--shiki-code-theme-one-dark-bg);font-style: var(--shiki-code-theme-one-dark-font-style);font-weight: var(--shiki-code-theme-one-dark-font-weight);text-decoration: var(--shiki-code-theme-one-dark-text-decoration);}html .code-theme-material-light .shiki span {color: var(--shiki-code-theme-material-light);background: var(--shiki-code-theme-material-light-bg);font-style: var(--shiki-code-theme-material-light-font-style);font-weight: var(--shiki-code-theme-material-light-font-weight);text-decoration: var(--shiki-code-theme-material-light-text-decoration);}html.code-theme-material-light .shiki span {color: var(--shiki-code-theme-material-light);background: var(--shiki-code-theme-material-light-bg);font-style: var(--shiki-code-theme-material-light-font-style);font-weight: var(--shiki-code-theme-material-light-font-weight);text-decoration: var(--shiki-code-theme-material-light-text-decoration);}html .code-theme-material-dark .shiki span {color: var(--shiki-code-theme-material-dark);background: var(--shiki-code-theme-material-dark-bg);font-style: var(--shiki-code-theme-material-dark-font-style);font-weight: var(--shiki-code-theme-material-dark-font-weight);text-decoration: var(--shiki-code-theme-material-dark-text-decoration);}html.code-theme-material-dark .shiki span {color: var(--shiki-code-theme-material-dark);background: var(--shiki-code-theme-material-dark-bg);font-style: var(--shiki-code-theme-material-dark-font-style);font-weight: var(--shiki-code-theme-material-dark-font-weight);text-decoration: var(--shiki-code-theme-material-dark-text-decoration);}html .code-theme-min-light .shiki span {color: var(--shiki-code-theme-min-light);background: var(--shiki-code-theme-min-light-bg);font-style: var(--shiki-code-theme-min-light-font-style);font-weight: var(--shiki-code-theme-min-light-font-weight);text-decoration: var(--shiki-code-theme-min-light-text-decoration);}html.code-theme-min-light .shiki span {color: var(--shiki-code-theme-min-light);background: var(--shiki-code-theme-min-light-bg);font-style: var(--shiki-code-theme-min-light-font-style);font-weight: var(--shiki-code-theme-min-light-font-weight);text-decoration: var(--shiki-code-theme-min-light-text-decoration);}html .code-theme-min-dark .shiki span {color: var(--shiki-code-theme-min-dark);background: var(--shiki-code-theme-min-dark-bg);font-style: var(--shiki-code-theme-min-dark-font-style);font-weight: var(--shiki-code-theme-min-dark-font-weight);text-decoration: var(--shiki-code-theme-min-dark-text-decoration);}html.code-theme-min-dark .shiki span {color: var(--shiki-code-theme-min-dark);background: var(--shiki-code-theme-min-dark-bg);font-style: var(--shiki-code-theme-min-dark-font-style);font-weight: var(--shiki-code-theme-min-dark-font-weight);text-decoration: var(--shiki-code-theme-min-dark-text-decoration);}html pre.shiki code .sle2E, html code.shiki .sle2E{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF;--shiki-code-theme-vitesse-light:#1E754F;--shiki-code-theme-vitesse-dark:#4D9375;--shiki-code-theme-catppuccin-light:#FE640B;--shiki-code-theme-catppuccin-dark:#FAB387;--shiki-code-theme-one-light:#986801;--shiki-code-theme-one-dark:#D19A66;--shiki-code-theme-material-light:#FF5370;--shiki-code-theme-material-dark:#FF9CAC;--shiki-code-theme-min-light:#1976D2;--shiki-code-theme-min-dark:#79B8FF}html pre.shiki code .sRS6S, html code.shiki .sRS6S{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-catppuccin-light:#7C7F93;--shiki-code-theme-catppuccin-dark:#9399B2;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#212121;--shiki-code-theme-min-dark:#BBBBBB}html pre.shiki code .shR_7, html code.shiki .shR_7{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0;--shiki-code-theme-vitesse-light:#B07D48;--shiki-code-theme-vitesse-dark:#BD976A;--shiki-code-theme-catppuccin-light:#DF8E1D;--shiki-code-theme-catppuccin-dark:#F9E2AF;--shiki-code-theme-one-light:#986801;--shiki-code-theme-one-dark:#D19A66;--shiki-code-theme-material-light:#9C3EDA;--shiki-code-theme-material-dark:#C792EA;--shiki-code-theme-min-light:#6F42C1;--shiki-code-theme-min-dark:#B392F0}html pre.shiki code .sLXf0, html code.shiki .sLXf0{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF;--shiki-code-theme-vitesse-light:#B5695977;--shiki-code-theme-vitesse-dark:#C98A7D77;--shiki-code-theme-catppuccin-light:#40A02B;--shiki-code-theme-catppuccin-dark:#A6E3A1;--shiki-code-theme-one-light:#50A14F;--shiki-code-theme-one-dark:#98C379;--shiki-code-theme-material-light:#39ADB5;--shiki-code-theme-material-dark:#89DDFF;--shiki-code-theme-min-light:#22863A;--shiki-code-theme-min-dark:#FFAB70}html pre.shiki code .sO_xl, html code.shiki .sO_xl{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#999999;--shiki-code-theme-vitesse-dark:#666666;--shiki-code-theme-catppuccin-light:#7C7F93;--shiki-code-theme-catppuccin-dark:#9399B2;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#91B859;--shiki-code-theme-material-dark:#C3E88D;--shiki-code-theme-min-light:#2B5581;--shiki-code-theme-min-dark:#9DB1C5}html pre.shiki code .ssTbb, html code.shiki .ssTbb{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#393A34;--shiki-code-theme-vitesse-dark:#DBD7CAEE;--shiki-code-theme-catppuccin-light:#04A5E5;--shiki-code-theme-catppuccin-dark:#89DCEB;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#90A4AE90;--shiki-code-theme-material-dark:#BABED890;--shiki-code-theme-min-light:#2B5581;--shiki-code-theme-min-dark:#9DB1C5}html pre.shiki code .sMLmi, html code.shiki .sMLmi{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-code-theme-vitesse-light:#393A34;--shiki-code-theme-vitesse-dark:#DBD7CAEE;--shiki-code-theme-catppuccin-light:#4C4F69;--shiki-code-theme-catppuccin-dark:#CDD6F4;--shiki-code-theme-one-light:#383A42;--shiki-code-theme-one-dark:#ABB2BF;--shiki-code-theme-material-light:#90A4AE90;--shiki-code-theme-material-dark:#BABED890;--shiki-code-theme-min-light:#2B5581;--shiki-code-theme-min-dark:#9DB1C5}",{"title":556,"searchDepth":575,"depth":575,"links":1682},[1683,1684,1685,1686,1687,1688,1689],{"id":468,"depth":575,"text":469},{"id":752,"depth":575,"text":753},{"id":1000,"depth":575,"text":1001},{"id":1221,"depth":575,"text":1222},{"id":1402,"depth":575,"text":1403},{"id":1476,"depth":575,"text":1477},{"id":1572,"depth":575,"text":1573},"结构化参数、接口说明、可搜索排序表格、图片对比、术语、自测和下载入口的属性与示例。","md",{},{"icon":130},"---\ntitle: 数据、API 与阅读交互组件\ndescription: 结构化参数、接口说明、可搜索排序表格、图片对比、术语、自测和下载入口的属性与示例。\nnavigation:\n  icon: lucide-table-properties\n---\n\n本轮参考 [Mintlify 组件目录](https:\u002F\u002Fgithub.com\u002Fmintlify\u002Fdocs\u002Fblob\u002Fmain\u002Fcomponents\u002Findex.mdx)、[Fumadocs 类型表](https:\u002F\u002Fwww.fumadocs.dev\u002Fdocs\u002Fui\u002Fcomponents\u002Ftype-table)、[Starlight](https:\u002F\u002Fstarlight.astro.build\u002Fcomponents\u002Ftabs\u002F) 和 [VitePress](https:\u002F\u002Fvitepress.dev\u002Freference\u002Fdefault-theme-team-page) 后，补充当前组件库的缺口。已有卡片、提醒、步骤和标签页继续复用。本页所有实现都是本站的 Vue 组件，可以写入 docs 或 blog。\n\n集中体验见 [进阶组件演示](\u002Fdocs\u002F简单文档\u002Fcomponents\u002Finteractive-showcase)，组合示例见 [用交互组件写一份技术说明](\u002Fblog\u002F技术栈\u002Fmdc-interactive-example)。\n\n## DataTable：搜索、排序与分页\n\n适合设备清单、统计明细和工具列表。短小的静态对照继续使用普通 Markdown 表格。\n\n| 属性 | 类型 | 说明 |\n| --- | --- | --- |\n| title | string | 默认“数据表”，用于 caption 与可访问名称 |\n| columns | array | 必填，每项 key、label，可设 sortable:false |\n| rows | array | 必填，键与 columns.key 对应；值为 string\u002Fnumber\u002Fboolean\u002Fnull |\n| searchable | boolean | 默认 true，搜索可见列的显示文本 |\n| pageSize | number | 默认 10，正整数，上限 100；无效值恢复默认 |\n\n```mdc\n::data-table\n---\ntitle: 示例设备\npageSize: 2\ncolumns:\n  - key: name\n    label: 名称\n  - key: ports\n    label: 端口数\nrows:\n  - name: 核心交换机\n    ports: 48\n  - name: 接入交换机\n    ports: 24\n  - name: 测试交换机\n    ports: 8\n---\n::\n```\n\n点击列名切换升序\u002F降序；数值按数值比较，字符串使用自然排序，空值放在末尾，相等项保留原顺序。搜索或排序后回到第一页，分页不截断后续数据。布尔值显示“是\u002F否”，空值显示“—”。手机上只有表格区域横向滚动，该区域也可键盘聚焦。组件不进行服务端查询。\n\n## ParameterTable：结构化参数说明\n\n适合 API 请求\u002F响应、配置文件和组件 props。相比逐个 `::field`，一份 YAML 可以同时表达类型、默认值、必填、弃用与枚举。\n\n`title` 默认“参数说明”；`parameters` 为必填数组，支持以下字段：\n\n| 字段 | 类型 | 说明 |\n| --- | --- | --- |\n| name \u002F type | string | 必填参数名与类型文字 |\n| description \u002F location | string | 描述与 query\u002Fpath\u002Fbody 等位置 |\n| required \u002F deprecated | boolean | 默认 false |\n| default | string\u002Fnumber\u002Fboolean\u002Fnull | 可选，0、false、null 均正确显示 |\n| enum | string\u002Fnumber 数组 | 可选值列表 |\n\n```mdc\n::parameter-table\n---\ntitle: 查询参数\nparameters:\n  - name: deviceId\n    type: string\n    location: query\n    required: true\n    description: 要查询的设备标识\n  - name: limit\n    type: number\n    default: 10\n    enum: [10, 20, 50]\n    description: 每页记录数\n---\n::\n```\n\n类型与默认值由作者填写，不自动解析 OpenAPI\u002FTypeScript。空数组显示“无需参数”。\n\n## ApiEndpoint：接口说明与示例插槽\n\n展示 HTTP 方法、路径、认证文字和状态，用命名插槽并排呈现请求与响应。组件仅用于说明，不发请求或代理任意 URL。\n\n| 属性 | 类型 | 说明 |\n| --- | --- | --- |\n| path | string | 必填，作为文字显示的接口路径 |\n| method | string | 默认 GET，显示为大写 |\n| title \u002F auth | string | 可选标题与认证说明 |\n| status | number | 可选的示例响应状态 |\n\n默认插槽可放说明和 ParameterTable；`request` \u002F `response` 插槽接收 Markdown 或代码：\n\n````mdc\n:::api-endpoint{title=\"查询示例报告\" method=\"GET\" path=\"\u002Fapi\u002Freports\u002F{id}\" auth=\"演示认证\" :status=\"200\"}\n这是一个说明用的示例接口。\n\n#request\n```http\nGET \u002Fapi\u002Freports\u002Fdemo HTTP\u002F1.1\n```\n\n#response\n```json\n{ \"id\": \"demo\", \"status\": \"ready\" }\n```\n:::\n````\n\n## ImageCompare：图片前后对比\n\n参考 [图片对比滑杆的交互模式](https:\u002F\u002Fgithub.com\u002Fsneas\u002Fimg-comparison-slider)，本站用原生 range 输入实现，支持拖动、触摸、方向键、Home 和 End。两张图应具有相同尺寸和构图；滑杆改变左侧“之前”图的可见比例。\n\n| 属性 | 类型 | 说明 |\n| --- | --- | --- |\n| beforeSrc \u002F afterSrc | string | 必填，站内或 HTTP(S) 图片 |\n| beforeAlt \u002F afterAlt | string | 必填，两张图的替代文字 |\n| beforeLabel \u002F afterLabel | string | 默认“之前\u002F之后” |\n| title | string | 默认“图片对比”，用于滑杆标签 |\n| initialPosition | number | 默认 50，限制到 0～100，无效值为 50 |\n\n```mdc\n::image-compare\n---\ntitle: 工作流图示对比\nbeforeSrc: \u002Fimages\u002Fmdc\u002Frender-flow.svg\nafterSrc: \u002Fimages\u002Fmdc\u002Fpublish-flow.svg\nbeforeAlt: 内容渲染流程图\nafterAlt: 文档发布流程图\nbeforeLabel: 渲染流程\nafterLabel: 发布流程\ninitialPosition: 50\n---\n::\n```\n\n上例仅演示交互，不表示两张图存在升级关系。无效图片地址不会渲染，组件保留图像全貌，不裁切内容。\n\n## GlossaryTerm：行内术语解释\n\n两个必填 string 属性：`term` 与 `definition`。适合在缩略词首次出现时解释含义。\n\n```mdc\n页面通过 :glossary-term{term=\"SSR\" definition=\"服务端渲染：由服务器生成页面的初始 HTML。\"} 生成初始内容。\n```\n\n点击或键盘激活打开原生 popover；Esc、再次点击或点击外部关闭，`aria-expanded` 同步更新。说明显示在顶层，避免被父容器裁切。使用 [Popover API](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FPopover_API)，在不支持的浏览器中展开为普通说明文字。定义为文本，不执行 HTML。\n\n## ContentQuiz：阅读自测\n\n`question`（string）、`choices`（string 数组）和 `answer`（从 0 开始的正确选项索引）必填，`explanation` 可选。选择后点“检查答案”显示结果和解析；更换选项清除旧结果，“重新作答”清空选择。\n\n```mdc\n::content-quiz\n---\nquestion: 哪种数据应该写在前端示例里？\nchoices:\n  - 真实生产密码\n  - 无敏感信息的示例数据\nanswer: 1\nexplanation: 使用示例数据，避免发布真实凭据。\n---\n::\n```\n\n状态仅存在于当前组件，多个题目互不影响，不上传成绩。答案在公开页面数据中，适合学习自查，不能用于保密考试或可信评分。无效索引显示配置错误并禁用提交。\n\n## DownloadCard：下载入口\n\n`title`、`href` 必填；`filename`、`description`、`version`、`size` 可选。站内绝对路径使用原生下载属性；HTTP(S) 外链在新窗口打开，不承诺跨域链接会被强制下载。\n\n```mdc\n::download-card{title=\"设备清单示例\" href=\"\u002Fexamples\u002Fdevices.example.json\" filename=\"devices.example.json\" version=\"1.0\" description=\"仅含文档示例地址，不含账号密码。\"}\n::\n```\n\n大小与版本是作者提供的说明，不是实时文件校验。下载链接仅支持 HTTP(S) 或站内路径，不安全地址显示错误文字。示例 JSON 只用于展示下载，需要按实际工具格式调整。\n",{"title":127,"description":1690},"Hw4okEvSXWRcsFqY7E1t9J07cfNRp0zXQ7gjLZQJRbI",[1698,1700],{"title":123,"path":124,"stem":125,"description":1699,"children":-1},"展示 Nuxt Icon 图标用法和图标渲染效果。",{"title":132,"path":133,"stem":134,"description":1701,"icon":135,"children":-1},"实际体验搜索排序分页、API 参数、图片对比、术语 popover、自测和文件下载。",1791307030285]