[{"data":1,"prerenderedAt":1965},["ShallowReactive",2],{"docs-nav:docs_zh":3,"\u002Fzh\u002Fcomponents\u002Fcombobox":1049,"surround:\u002Fzh\u002Fcomponents\u002Fcombobox":1959,"demo-code:combobox\u002Fbasic":1964},[4],{"title":5,"path":6,"stem":7,"children":8,"page":616},"Zh","\u002Fzh","zh",[9,32,617],{"title":10,"icon":11,"path":12,"stem":13,"children":14},"指南","i-lucide-book-open","\u002Fzh\u002Fguide","zh\u002F01.guide\u002Findex",[15,16,20,24,28],{"title":10,"path":12,"stem":13},{"title":17,"path":18,"stem":19},"简介","\u002Fzh\u002Fguide\u002Fintroduction","zh\u002F01.guide\u002F01.introduction",{"title":21,"path":22,"stem":23},"安装","\u002Fzh\u002Fguide\u002Finstallation","zh\u002F01.guide\u002F02.installation",{"title":25,"path":26,"stem":27},"主题","\u002Fzh\u002Fguide\u002Ftheming","zh\u002F01.guide\u002F03.theming",{"title":29,"path":30,"stem":31},"AI 集成","\u002Fzh\u002Fguide\u002Fai","zh\u002F01.guide\u002F04.ai",{"title":33,"icon":34,"path":35,"stem":36,"children":37,"page":616},"组件","i-lucide-component","\u002Fzh\u002Fcomponents","zh\u002F02.components",[38,43,48,53,57,61,65,69,73,77,81,86,91,96,100,104,108,112,116,121,125,129,133,137,141,146,150,154,158,163,167,171,175,179,183,187,191,195,199,203,207,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596,600,604,608,612],{"title":39,"path":40,"stem":41,"section":42},"手风琴 Accordion","\u002Fzh\u002Fcomponents\u002Faccordion","zh\u002F02.components\u002F01.accordion","布局",{"title":44,"path":45,"stem":46,"section":47},"固钉 Affix","\u002Fzh\u002Fcomponents\u002Faffix","zh\u002F02.components\u002F02.affix","导航",{"title":49,"path":50,"stem":51,"section":52},"AI 操作 AI Action","\u002Fzh\u002Fcomponents\u002Fai-action","zh\u002F02.components\u002F03.ai-action","AI",{"title":54,"path":55,"stem":56,"section":52},"AI 附件 AI Attachments","\u002Fzh\u002Fcomponents\u002Fai-attachments","zh\u002F02.components\u002F04.ai-attachments",{"title":58,"path":59,"stem":60,"section":52},"AI 消息 AI Message","\u002Fzh\u002Fcomponents\u002Fai-message","zh\u002F02.components\u002F05.ai-message",{"title":62,"path":63,"stem":64,"section":52},"AI 提示输入 AI Prompt Input","\u002Fzh\u002Fcomponents\u002Fai-prompt-input","zh\u002F02.components\u002F06.ai-prompt-input",{"title":66,"path":67,"stem":68,"section":52},"AI 思考 AI Reasoning","\u002Fzh\u002Fcomponents\u002Fai-reasoning","zh\u002F02.components\u002F07.ai-reasoning",{"title":70,"path":71,"stem":72,"section":52},"AI 回复 AI Response","\u002Fzh\u002Fcomponents\u002Fai-response","zh\u002F02.components\u002F08.ai-response",{"title":74,"path":75,"stem":76,"section":52},"AI 来源 AI Source","\u002Fzh\u002Fcomponents\u002Fai-source","zh\u002F02.components\u002F09.ai-source",{"title":78,"path":79,"stem":80,"section":52},"AI 建议 AI Suggestion","\u002Fzh\u002Fcomponents\u002Fai-suggestion","zh\u002F02.components\u002F10.ai-suggestion",{"title":82,"path":83,"stem":84,"section":85},"进度条 Progress","\u002Fzh\u002Fcomponents\u002Fprogress","zh\u002F02.components\u002F100.progress","反馈",{"title":87,"path":88,"stem":89,"section":90},"二维码 QR Code","\u002Fzh\u002Fcomponents\u002Fqr-code","zh\u002F02.components\u002F101.qr-code","媒体",{"title":92,"path":93,"stem":94,"section":95},"单选组 Radio Group","\u002Fzh\u002Fcomponents\u002Fradio-group","zh\u002F02.components\u002F102.radio-group","表单",{"title":97,"path":98,"stem":99,"section":95},"评分 Rating Group","\u002Fzh\u002Fcomponents\u002Frating-group","zh\u002F02.components\u002F103.rating-group",{"title":101,"path":102,"stem":103,"section":85},"结果 Result","\u002Fzh\u002Fcomponents\u002Fresult","zh\u002F02.components\u002F104.result",{"title":105,"path":106,"stem":107,"section":42},"滚动区域 Scroll Area","\u002Fzh\u002Fcomponents\u002Fscroll-area","zh\u002F02.components\u002F105.scroll-area",{"title":109,"path":110,"stem":111,"section":95},"分段控制器 Segment Group","\u002Fzh\u002Fcomponents\u002Fsegment-group","zh\u002F02.components\u002F106.segment-group",{"title":113,"path":114,"stem":115,"section":95},"选择器 Select","\u002Fzh\u002Fcomponents\u002Fselect","zh\u002F02.components\u002F107.select",{"title":117,"path":118,"stem":119,"section":120},"分隔线 Separator","\u002Fzh\u002Fcomponents\u002Fseparator","zh\u002F02.components\u002F108.separator","基础元件",{"title":122,"path":123,"stem":124,"section":95},"签名板 Signature Pad","\u002Fzh\u002Fcomponents\u002Fsignature-pad","zh\u002F02.components\u002F109.signature-pad",{"title":126,"path":127,"stem":128,"section":52},"AI 工具调用 AI Tool","\u002Fzh\u002Fcomponents\u002Fai-tool","zh\u002F02.components\u002F11.ai-tool",{"title":130,"path":131,"stem":132,"section":85},"骨架屏 Skeleton","\u002Fzh\u002Fcomponents\u002Fskeleton","zh\u002F02.components\u002F110.skeleton",{"title":134,"path":135,"stem":136,"section":95},"滑块 Slider","\u002Fzh\u002Fcomponents\u002Fslider","zh\u002F02.components\u002F111.slider",{"title":138,"path":139,"stem":140,"section":85},"加载器 Spinner","\u002Fzh\u002Fcomponents\u002Fspinner","zh\u002F02.components\u002F112.spinner",{"title":142,"path":143,"stem":144,"section":145},"拆分按钮 Split Button","\u002Fzh\u002Fcomponents\u002Fsplit-button","zh\u002F02.components\u002F113.split-button","动作",{"title":147,"path":148,"stem":149,"section":42},"分栏面板 Splitter","\u002Fzh\u002Fcomponents\u002Fsplitter","zh\u002F02.components\u002F114.splitter",{"title":151,"path":152,"stem":153,"section":42},"聚光灯 Spotlight","\u002Fzh\u002Fcomponents\u002Fspotlight","zh\u002F02.components\u002F115.spotlight",{"title":155,"path":156,"stem":157,"section":42},"层叠布局 Stack","\u002Fzh\u002Fcomponents\u002Fstack","zh\u002F02.components\u002F116.stack",{"title":159,"path":160,"stem":161,"section":162},"统计 Stat","\u002Fzh\u002Fcomponents\u002Fstat","zh\u002F02.components\u002F117.stat","数据",{"title":164,"path":165,"stem":166,"section":47},"步骤条 Steps","\u002Fzh\u002Fcomponents\u002Fsteps","zh\u002F02.components\u002F118.steps",{"title":168,"path":169,"stem":170,"section":145},"切换 Swap","\u002Fzh\u002Fcomponents\u002Fswap","zh\u002F02.components\u002F119.swap",{"title":172,"path":173,"stem":174,"section":52},"AI 会话 AI","\u002Fzh\u002Fcomponents\u002Fai","zh\u002F02.components\u002F12.ai",{"title":176,"path":177,"stem":178,"section":95},"开关 Switch","\u002Fzh\u002Fcomponents\u002Fswitch","zh\u002F02.components\u002F120.switch",{"title":180,"path":181,"stem":182,"section":162},"表格 Table","\u002Fzh\u002Fcomponents\u002Ftable","zh\u002F02.components\u002F121.table",{"title":184,"path":185,"stem":186,"section":47},"标签页 Tabs","\u002Fzh\u002Fcomponents\u002Ftabs","zh\u002F02.components\u002F122.tabs",{"title":188,"path":189,"stem":190,"section":95},"标签输入 Tags Input","\u002Fzh\u002Fcomponents\u002Ftags-input","zh\u002F02.components\u002F123.tags-input",{"title":192,"path":193,"stem":194,"section":162},"终端 Terminal","\u002Fzh\u002Fcomponents\u002Fterminal","zh\u002F02.components\u002F124.terminal",{"title":196,"path":197,"stem":198,"section":95},"文本域 Textarea","\u002Fzh\u002Fcomponents\u002Ftextarea","zh\u002F02.components\u002F125.textarea",{"title":200,"path":201,"stem":202,"section":162},"时间线 Timeline","\u002Fzh\u002Fcomponents\u002Ftimeline","zh\u002F02.components\u002F126.timeline",{"title":204,"path":205,"stem":206,"section":162},"计时器 Timer","\u002Fzh\u002Fcomponents\u002Ftimer","zh\u002F02.components\u002F127.timer",{"title":208,"path":209,"stem":210,"section":211},"全局提示 Toast","\u002Fzh\u002Fcomponents\u002Ftoast","zh\u002F02.components\u002F128.toast","浮层",{"title":213,"path":214,"stem":215,"section":47},"目录 Toc","\u002Fzh\u002Fcomponents\u002Ftoc","zh\u002F02.components\u002F129.toc",{"title":217,"path":218,"stem":219,"section":85},"提醒 Alert","\u002Fzh\u002Fcomponents\u002Falert","zh\u002F02.components\u002F13.alert",{"title":221,"path":222,"stem":223,"section":145},"切换按钮组 Toggle Group","\u002Fzh\u002Fcomponents\u002Ftoggle-group","zh\u002F02.components\u002F130.toggle-group",{"title":225,"path":226,"stem":227,"section":145},"切换按钮 Toggle","\u002Fzh\u002Fcomponents\u002Ftoggle","zh\u002F02.components\u002F131.toggle",{"title":229,"path":230,"stem":231,"section":145},"工具栏 Toolbar","\u002Fzh\u002Fcomponents\u002Ftoolbar","zh\u002F02.components\u002F132.toolbar",{"title":233,"path":234,"stem":235,"section":211},"文字提示 Tooltip","\u002Fzh\u002Fcomponents\u002Ftooltip","zh\u002F02.components\u002F133.tooltip",{"title":237,"path":238,"stem":239,"section":211},"引导 Tour","\u002Fzh\u002Fcomponents\u002Ftour","zh\u002F02.components\u002F134.tour",{"title":241,"path":242,"stem":243,"section":162},"穿梭框 Transfer","\u002Fzh\u002Fcomponents\u002Ftransfer","zh\u002F02.components\u002F135.transfer",{"title":245,"path":246,"stem":247,"section":95},"树选择 Tree Select","\u002Fzh\u002Fcomponents\u002Ftree-select","zh\u002F02.components\u002F136.tree-select",{"title":249,"path":250,"stem":251,"section":162},"树形控件 Tree View","\u002Fzh\u002Fcomponents\u002Ftree-view","zh\u002F02.components\u002F137.tree-view",{"title":253,"path":254,"stem":255,"section":42},"排版 Typography","\u002Fzh\u002Fcomponents\u002Ftypography","zh\u002F02.components\u002F138.typography",{"title":257,"path":258,"stem":259,"section":120},"用户 User","\u002Fzh\u002Fcomponents\u002Fuser","zh\u002F02.components\u002F139.user",{"title":261,"path":262,"stem":263,"section":95},"角度滑块 Angle Slider","\u002Fzh\u002Fcomponents\u002Fangle-slider","zh\u002F02.components\u002F14.angle-slider",{"title":265,"path":266,"stem":267,"section":162},"虚拟列表 Virtual List","\u002Fzh\u002Fcomponents\u002Fvirtual-list","zh\u002F02.components\u002F140.virtual-list",{"title":269,"path":270,"stem":271,"section":90},"水印 Watermark","\u002Fzh\u002Fcomponents\u002Fwatermark","zh\u002F02.components\u002F141.watermark",{"title":273,"path":274,"stem":275,"section":162},"工作流 Workflow","\u002Fzh\u002Fcomponents\u002Fworkflow","zh\u002F02.components\u002F142.workflow",{"title":277,"path":278,"stem":279,"section":42},"宽高比 Aspect Ratio","\u002Fzh\u002Fcomponents\u002Faspect-ratio","zh\u002F02.components\u002F15.aspect-ratio",{"title":281,"path":282,"stem":283,"section":95},"自动补全 Autocomplete","\u002Fzh\u002Fcomponents\u002Fautocomplete","zh\u002F02.components\u002F16.autocomplete",{"title":285,"path":286,"stem":287,"section":120},"头像组 Avatar Group","\u002Fzh\u002Fcomponents\u002Favatar-group","zh\u002F02.components\u002F17.avatar-group",{"title":289,"path":290,"stem":291,"section":120},"头像 Avatar","\u002Fzh\u002Fcomponents\u002Favatar","zh\u002F02.components\u002F18.avatar",{"title":293,"path":294,"stem":295,"section":47},"回到顶部 Back Top","\u002Fzh\u002Fcomponents\u002Fback-top","zh\u002F02.components\u002F19.back-top",{"title":297,"path":298,"stem":299,"section":120},"徽标 Badge","\u002Fzh\u002Fcomponents\u002Fbadge","zh\u002F02.components\u002F20.badge",{"title":301,"path":302,"stem":303,"section":85},"横幅 Banner","\u002Fzh\u002Fcomponents\u002Fbanner","zh\u002F02.components\u002F21.banner",{"title":305,"path":306,"stem":307,"section":42},"便当格 Bento","\u002Fzh\u002Fcomponents\u002Fbento","zh\u002F02.components\u002F22.bento",{"title":309,"path":310,"stem":311,"section":85},"区块锁定 Block Ui","\u002Fzh\u002Fcomponents\u002Fblock-ui","zh\u002F02.components\u002F23.block-ui",{"title":313,"path":314,"stem":315,"section":47},"面包屑 Breadcrumb","\u002Fzh\u002Fcomponents\u002Fbreadcrumb","zh\u002F02.components\u002F24.breadcrumb",{"title":317,"path":318,"stem":319,"section":90},"浏览器窗口 Browser","\u002Fzh\u002Fcomponents\u002Fbrowser","zh\u002F02.components\u002F25.browser",{"title":321,"path":322,"stem":323,"section":120},"按钮组 Button Group","\u002Fzh\u002Fcomponents\u002Fbutton-group","zh\u002F02.components\u002F26.button-group",{"title":325,"path":326,"stem":327,"section":120},"按钮 Button","\u002Fzh\u002Fcomponents\u002Fbutton","zh\u002F02.components\u002F27.button",{"title":329,"path":330,"stem":331,"section":95},"日历 Calendar","\u002Fzh\u002Fcomponents\u002Fcalendar","zh\u002F02.components\u002F28.calendar",{"title":333,"path":334,"stem":335,"section":120},"卡片 Card","\u002Fzh\u002Fcomponents\u002Fcard","zh\u002F02.components\u002F29.card",{"title":337,"path":338,"stem":339,"section":90},"走马灯 Carousel","\u002Fzh\u002Fcomponents\u002Fcarousel","zh\u002F02.components\u002F30.carousel",{"title":341,"path":342,"stem":343,"section":95},"级联选择 Cascade Select","\u002Fzh\u002Fcomponents\u002Fcascade-select","zh\u002F02.components\u002F31.cascade-select",{"title":345,"path":346,"stem":347,"section":162},"图表 Chart","\u002Fzh\u002Fcomponents\u002Fchart","zh\u002F02.components\u002F32.chart",{"title":349,"path":350,"stem":351,"section":95},"复选框组 Checkbox Group","\u002Fzh\u002Fcomponents\u002Fcheckbox-group","zh\u002F02.components\u002F33.checkbox-group",{"title":353,"path":354,"stem":355,"section":95},"复选框 Checkbox","\u002Fzh\u002Fcomponents\u002Fcheckbox","zh\u002F02.components\u002F34.checkbox",{"title":357,"path":358,"stem":359,"section":120},"角标 Chip","\u002Fzh\u002Fcomponents\u002Fchip","zh\u002F02.components\u002F35.chip",{"title":361,"path":362,"stem":363,"section":120},"客户端渲染 Client Only","\u002Fzh\u002Fcomponents\u002Fclient-only","zh\u002F02.components\u002F36.client-only",{"title":365,"path":366,"stem":367,"section":145},"剪贴板 Clipboard","\u002Fzh\u002Fcomponents\u002Fclipboard","zh\u002F02.components\u002F37.clipboard",{"title":369,"path":370,"stem":371,"section":42},"折叠面板 Collapsible","\u002Fzh\u002Fcomponents\u002Fcollapsible","zh\u002F02.components\u002F38.collapsible",{"title":373,"path":374,"stem":375,"section":162},"集合 Collection","\u002Fzh\u002Fcomponents\u002Fcollection","zh\u002F02.components\u002F39.collection",{"title":377,"path":378,"stem":379,"section":95},"颜色选择器 Color Picker","\u002Fzh\u002Fcomponents\u002Fcolor-picker","zh\u002F02.components\u002F40.color-picker",{"title":381,"path":382,"stem":383,"section":95},"组合框 Combobox","\u002Fzh\u002Fcomponents\u002Fcombobox","zh\u002F02.components\u002F41.combobox",{"title":385,"path":386,"stem":387,"section":211},"命令面板 Command","\u002Fzh\u002Fcomponents\u002Fcommand","zh\u002F02.components\u002F42.command",{"title":389,"path":390,"stem":391,"section":162},"评论 Comment","\u002Fzh\u002Fcomponents\u002Fcomment","zh\u002F02.components\u002F43.comment",{"title":393,"path":394,"stem":395,"section":120},"全局配置 Config Provider","\u002Fzh\u002Fcomponents\u002Fconfig-provider","zh\u002F02.components\u002F44.config-provider",{"title":397,"path":398,"stem":399,"section":42},"容器 Container","\u002Fzh\u002Fcomponents\u002Fcontainer","zh\u002F02.components\u002F45.container",{"title":401,"path":402,"stem":403,"section":162},"数据视图 Data View","\u002Fzh\u002Fcomponents\u002Fdata-view","zh\u002F02.components\u002F46.data-view",{"title":405,"path":406,"stem":407,"section":95},"日期输入 Date Input","\u002Fzh\u002Fcomponents\u002Fdate-input","zh\u002F02.components\u002F47.date-input",{"title":409,"path":410,"stem":411,"section":95},"日期选择器 Date Picker","\u002Fzh\u002Fcomponents\u002Fdate-picker","zh\u002F02.components\u002F48.date-picker",{"title":413,"path":414,"stem":415,"section":120},"延迟渲染 Deferred Content","\u002Fzh\u002Fcomponents\u002Fdeferred-content","zh\u002F02.components\u002F49.deferred-content",{"title":417,"path":418,"stem":419,"section":162},"描述列表 Descriptions","\u002Fzh\u002Fcomponents\u002Fdescriptions","zh\u002F02.components\u002F50.descriptions",{"title":421,"path":422,"stem":423,"section":211},"对话框 Dialog","\u002Fzh\u002Fcomponents\u002Fdialog","zh\u002F02.components\u002F51.dialog",{"title":425,"path":426,"stem":427,"section":145},"程序坞 Dock","\u002Fzh\u002Fcomponents\u002Fdock","zh\u002F02.components\u002F52.dock",{"title":429,"path":430,"stem":431,"section":145},"下载触发器 Download Trigger","\u002Fzh\u002Fcomponents\u002Fdownload-trigger","zh\u002F02.components\u002F53.download-trigger",{"title":433,"path":434,"stem":435,"section":211},"抽屉 Drawer","\u002Fzh\u002Fcomponents\u002Fdrawer","zh\u002F02.components\u002F54.drawer",{"title":437,"path":438,"stem":439,"section":95},"动态输入 Dynamic Input","\u002Fzh\u002Fcomponents\u002Fdynamic-input","zh\u002F02.components\u002F55.dynamic-input",{"title":441,"path":442,"stem":443,"section":95},"可编辑文本 Editable","\u002Fzh\u002Fcomponents\u002Feditable","zh\u002F02.components\u002F56.editable",{"title":445,"path":446,"stem":447,"section":42},"文本省略 Ellipsis","\u002Fzh\u002Fcomponents\u002Fellipsis","zh\u002F02.components\u002F57.ellipsis",{"title":449,"path":450,"stem":451,"section":85},"空状态 Empty","\u002Fzh\u002Fcomponents\u002Fempty","zh\u002F02.components\u002F58.empty",{"title":453,"path":454,"stem":455,"section":95},"字段 Field","\u002Fzh\u002Fcomponents\u002Ffield","zh\u002F02.components\u002F59.field",{"title":457,"path":458,"stem":459,"section":95},"字段组 Fieldset","\u002Fzh\u002Fcomponents\u002Ffieldset","zh\u002F02.components\u002F60.fieldset",{"title":461,"path":462,"stem":463,"section":95},"文件上传 File Upload","\u002Fzh\u002Fcomponents\u002Ffile-upload","zh\u002F02.components\u002F61.file-upload",{"title":465,"path":466,"stem":467,"section":145},"悬浮按钮 Float Button","\u002Fzh\u002Fcomponents\u002Ffloat-button","zh\u002F02.components\u002F62.float-button",{"title":469,"path":470,"stem":471,"section":211},"悬浮面板 Floating Panel","\u002Fzh\u002Fcomponents\u002Ffloating-panel","zh\u002F02.components\u002F63.floating-panel",{"title":473,"path":474,"stem":475,"section":211},"焦点陷阱 Focus Trap","\u002Fzh\u002Fcomponents\u002Ffocus-trap","zh\u002F02.components\u002F64.focus-trap",{"title":477,"path":478,"stem":479,"section":95},"表单 Form","\u002Fzh\u002Fcomponents\u002Fform","zh\u002F02.components\u002F65.form",{"title":481,"path":482,"stem":483,"section":120},"格式化 Format","\u002Fzh\u002Fcomponents\u002Fformat","zh\u002F02.components\u002F66.format",{"title":485,"path":486,"stem":487,"section":42},"画框 Frame","\u002Fzh\u002Fcomponents\u002Fframe","zh\u002F02.components\u002F67.frame",{"title":489,"path":490,"stem":491,"section":42},"栅格 Grid","\u002Fzh\u002Fcomponents\u002Fgrid","zh\u002F02.components\u002F68.grid",{"title":493,"path":494,"stem":495,"section":120},"高亮文本 Highlight","\u002Fzh\u002Fcomponents\u002Fhighlight","zh\u002F02.components\u002F69.highlight",{"title":497,"path":498,"stem":499,"section":211},"悬停卡片 Hover Card","\u002Fzh\u002Fcomponents\u002Fhover-card","zh\u002F02.components\u002F70.hover-card",{"title":501,"path":502,"stem":503,"section":120},"图标 Icon","\u002Fzh\u002Fcomponents\u002Ficon","zh\u002F02.components\u002F71.icon",{"title":505,"path":506,"stem":507,"section":90},"图片裁剪 Image Cropper","\u002Fzh\u002Fcomponents\u002Fimage-cropper","zh\u002F02.components\u002F72.image-cropper",{"title":509,"path":510,"stem":511,"section":90},"图片查看器 Image Viewer","\u002Fzh\u002Fcomponents\u002Fimage-viewer","zh\u002F02.components\u002F73.image-viewer",{"title":513,"path":514,"stem":515,"section":90},"图片 Image","\u002Fzh\u002Fcomponents\u002Fimage","zh\u002F02.components\u002F74.image",{"title":517,"path":518,"stem":519,"section":95},"输入框组 Input Group","\u002Fzh\u002Fcomponents\u002Finput-group","zh\u002F02.components\u002F75.input-group",{"title":521,"path":522,"stem":523,"section":95},"输入框 Input","\u002Fzh\u002Fcomponents\u002Finput","zh\u002F02.components\u002F76.input",{"title":525,"path":526,"stem":527,"section":162},"JSON 树视图 Json Tree View","\u002Fzh\u002Fcomponents\u002Fjson-tree-view","zh\u002F02.components\u002F77.json-tree-view",{"title":529,"path":530,"stem":531,"section":120},"按键 Kbd","\u002Fzh\u002Fcomponents\u002Fkbd","zh\u002F02.components\u002F78.kbd",{"title":533,"path":534,"stem":535,"section":42},"布局 Layout","\u002Fzh\u002Fcomponents\u002Flayout","zh\u002F02.components\u002F79.layout",{"title":537,"path":538,"stem":539,"section":47},"链接 Link","\u002Fzh\u002Fcomponents\u002Flink","zh\u002F02.components\u002F80.link",{"title":541,"path":542,"stem":543,"section":162},"列表 List","\u002Fzh\u002Fcomponents\u002Flist","zh\u002F02.components\u002F81.list",{"title":545,"path":546,"stem":547,"section":95},"列表框 Listbox","\u002Fzh\u002Fcomponents\u002Flistbox","zh\u002F02.components\u002F82.listbox",{"title":549,"path":550,"stem":551,"section":90},"滚动横幅 Marquee","\u002Fzh\u002Fcomponents\u002Fmarquee","zh\u002F02.components\u002F83.marquee",{"title":553,"path":554,"stem":555,"section":42},"瀑布流 Masonry","\u002Fzh\u002Fcomponents\u002Fmasonry","zh\u002F02.components\u002F84.masonry",{"title":557,"path":558,"stem":559,"section":95},"提及 Mentions","\u002Fzh\u002Fcomponents\u002Fmentions","zh\u002F02.components\u002F85.mentions",{"title":561,"path":562,"stem":563,"section":211},"菜单 Menu","\u002Fzh\u002Fcomponents\u002Fmenu","zh\u002F02.components\u002F86.menu",{"title":565,"path":566,"stem":567,"section":47},"菜单栏 Menubar","\u002Fzh\u002Fcomponents\u002Fmenubar","zh\u002F02.components\u002F87.menubar",{"title":569,"path":570,"stem":571,"section":85},"度量 Meter","\u002Fzh\u002Fcomponents\u002Fmeter","zh\u002F02.components\u002F88.meter",{"title":573,"path":574,"stem":575,"section":47},"导航菜单 Navigation Menu","\u002Fzh\u002Fcomponents\u002Fnavigation-menu","zh\u002F02.components\u002F89.navigation-menu",{"title":577,"path":578,"stem":579,"section":95},"数字输入 Number Input","\u002Fzh\u002Fcomponents\u002Fnumber-input","zh\u002F02.components\u002F90.number-input",{"title":581,"path":582,"stem":583,"section":162},"排序列表 Order List","\u002Fzh\u002Fcomponents\u002Forder-list","zh\u002F02.components\u002F91.order-list",{"title":585,"path":586,"stem":587,"section":42},"页头 Page Header","\u002Fzh\u002Fcomponents\u002Fpage-header","zh\u002F02.components\u002F92.page-header",{"title":589,"path":590,"stem":591,"section":47},"分页 Pagination","\u002Fzh\u002Fcomponents\u002Fpagination","zh\u002F02.components\u002F93.pagination",{"title":593,"path":594,"stem":595,"section":95},"密码输入 Password Input","\u002Fzh\u002Fcomponents\u002Fpassword-input","zh\u002F02.components\u002F94.password-input",{"title":597,"path":598,"stem":599,"section":95},"验证码输入 Pin Input","\u002Fzh\u002Fcomponents\u002Fpin-input","zh\u002F02.components\u002F95.pin-input",{"title":601,"path":602,"stem":603,"section":211},"气泡确认 Popconfirm","\u002Fzh\u002Fcomponents\u002Fpopconfirm","zh\u002F02.components\u002F96.popconfirm",{"title":605,"path":606,"stem":607,"section":211},"气泡卡片 Popover","\u002Fzh\u002Fcomponents\u002Fpopover","zh\u002F02.components\u002F97.popover",{"title":609,"path":610,"stem":611,"section":120},"挂载过渡 Presence","\u002Fzh\u002Fcomponents\u002Fpresence","zh\u002F02.components\u002F98.presence",{"title":613,"path":614,"stem":615,"section":85},"进度组 Progress Group","\u002Fzh\u002Fcomponents\u002Fprogress-group","zh\u002F02.components\u002F99.progress-group",false,{"title":618,"icon":619,"path":620,"stem":621,"children":622,"page":616},"参考","i-lucide-book-marked","\u002Fzh\u002Freference","zh\u002F03.reference",[623,626,629,632,635,638,641,644,647,650,653,656,659,662,665,668,671,674,677,680,683,686,689,692,695,698,701,704,707,710,713,716,719,722,725,728,731,734,737,740,743,746,749,752,755,758,761,764,767,770,773,776,779,782,785,788,791,794,797,800,803,806,809,812,815,818,821,824,827,830,833,836,839,842,845,848,851,854,857,860,863,866,869,872,875,878,881,884,887,890,893,896,899,902,905,908,911,914,917,920,923,926,929,932,935,938,941,944,947,950,953,956,959,962,965,968,971,974,977,980,983,986,989,992,995,998,1001,1004,1007,1010,1013,1016,1019,1022,1025,1028,1031,1034,1037,1040,1043,1046],{"title":39,"path":624,"stem":625,"section":42},"\u002Fzh\u002Freference\u002Faccordion","zh\u002F03.reference\u002F01.accordion",{"title":44,"path":627,"stem":628,"section":47},"\u002Fzh\u002Freference\u002Faffix","zh\u002F03.reference\u002F02.affix",{"title":49,"path":630,"stem":631,"section":52},"\u002Fzh\u002Freference\u002Fai-action","zh\u002F03.reference\u002F03.ai-action",{"title":54,"path":633,"stem":634,"section":52},"\u002Fzh\u002Freference\u002Fai-attachments","zh\u002F03.reference\u002F04.ai-attachments",{"title":58,"path":636,"stem":637,"section":52},"\u002Fzh\u002Freference\u002Fai-message","zh\u002F03.reference\u002F05.ai-message",{"title":62,"path":639,"stem":640,"section":52},"\u002Fzh\u002Freference\u002Fai-prompt-input","zh\u002F03.reference\u002F06.ai-prompt-input",{"title":66,"path":642,"stem":643,"section":52},"\u002Fzh\u002Freference\u002Fai-reasoning","zh\u002F03.reference\u002F07.ai-reasoning",{"title":70,"path":645,"stem":646,"section":52},"\u002Fzh\u002Freference\u002Fai-response","zh\u002F03.reference\u002F08.ai-response",{"title":74,"path":648,"stem":649,"section":52},"\u002Fzh\u002Freference\u002Fai-source","zh\u002F03.reference\u002F09.ai-source",{"title":78,"path":651,"stem":652,"section":52},"\u002Fzh\u002Freference\u002Fai-suggestion","zh\u002F03.reference\u002F10.ai-suggestion",{"title":82,"path":654,"stem":655,"section":85},"\u002Fzh\u002Freference\u002Fprogress","zh\u002F03.reference\u002F100.progress",{"title":87,"path":657,"stem":658,"section":90},"\u002Fzh\u002Freference\u002Fqr-code","zh\u002F03.reference\u002F101.qr-code",{"title":92,"path":660,"stem":661,"section":95},"\u002Fzh\u002Freference\u002Fradio-group","zh\u002F03.reference\u002F102.radio-group",{"title":97,"path":663,"stem":664,"section":95},"\u002Fzh\u002Freference\u002Frating-group","zh\u002F03.reference\u002F103.rating-group",{"title":101,"path":666,"stem":667,"section":85},"\u002Fzh\u002Freference\u002Fresult","zh\u002F03.reference\u002F104.result",{"title":105,"path":669,"stem":670,"section":42},"\u002Fzh\u002Freference\u002Fscroll-area","zh\u002F03.reference\u002F105.scroll-area",{"title":109,"path":672,"stem":673,"section":95},"\u002Fzh\u002Freference\u002Fsegment-group","zh\u002F03.reference\u002F106.segment-group",{"title":113,"path":675,"stem":676,"section":95},"\u002Fzh\u002Freference\u002Fselect","zh\u002F03.reference\u002F107.select",{"title":117,"path":678,"stem":679,"section":120},"\u002Fzh\u002Freference\u002Fseparator","zh\u002F03.reference\u002F108.separator",{"title":122,"path":681,"stem":682,"section":95},"\u002Fzh\u002Freference\u002Fsignature-pad","zh\u002F03.reference\u002F109.signature-pad",{"title":126,"path":684,"stem":685,"section":52},"\u002Fzh\u002Freference\u002Fai-tool","zh\u002F03.reference\u002F11.ai-tool",{"title":130,"path":687,"stem":688,"section":85},"\u002Fzh\u002Freference\u002Fskeleton","zh\u002F03.reference\u002F110.skeleton",{"title":134,"path":690,"stem":691,"section":95},"\u002Fzh\u002Freference\u002Fslider","zh\u002F03.reference\u002F111.slider",{"title":138,"path":693,"stem":694,"section":85},"\u002Fzh\u002Freference\u002Fspinner","zh\u002F03.reference\u002F112.spinner",{"title":142,"path":696,"stem":697,"section":145},"\u002Fzh\u002Freference\u002Fsplit-button","zh\u002F03.reference\u002F113.split-button",{"title":147,"path":699,"stem":700,"section":42},"\u002Fzh\u002Freference\u002Fsplitter","zh\u002F03.reference\u002F114.splitter",{"title":151,"path":702,"stem":703,"section":42},"\u002Fzh\u002Freference\u002Fspotlight","zh\u002F03.reference\u002F115.spotlight",{"title":155,"path":705,"stem":706,"section":42},"\u002Fzh\u002Freference\u002Fstack","zh\u002F03.reference\u002F116.stack",{"title":159,"path":708,"stem":709,"section":162},"\u002Fzh\u002Freference\u002Fstat","zh\u002F03.reference\u002F117.stat",{"title":164,"path":711,"stem":712,"section":47},"\u002Fzh\u002Freference\u002Fsteps","zh\u002F03.reference\u002F118.steps",{"title":168,"path":714,"stem":715,"section":145},"\u002Fzh\u002Freference\u002Fswap","zh\u002F03.reference\u002F119.swap",{"title":172,"path":717,"stem":718,"section":52},"\u002Fzh\u002Freference\u002Fai","zh\u002F03.reference\u002F12.ai",{"title":176,"path":720,"stem":721,"section":95},"\u002Fzh\u002Freference\u002Fswitch","zh\u002F03.reference\u002F120.switch",{"title":180,"path":723,"stem":724,"section":162},"\u002Fzh\u002Freference\u002Ftable","zh\u002F03.reference\u002F121.table",{"title":184,"path":726,"stem":727,"section":47},"\u002Fzh\u002Freference\u002Ftabs","zh\u002F03.reference\u002F122.tabs",{"title":188,"path":729,"stem":730,"section":95},"\u002Fzh\u002Freference\u002Ftags-input","zh\u002F03.reference\u002F123.tags-input",{"title":192,"path":732,"stem":733,"section":162},"\u002Fzh\u002Freference\u002Fterminal","zh\u002F03.reference\u002F124.terminal",{"title":196,"path":735,"stem":736,"section":95},"\u002Fzh\u002Freference\u002Ftextarea","zh\u002F03.reference\u002F125.textarea",{"title":200,"path":738,"stem":739,"section":162},"\u002Fzh\u002Freference\u002Ftimeline","zh\u002F03.reference\u002F126.timeline",{"title":204,"path":741,"stem":742,"section":162},"\u002Fzh\u002Freference\u002Ftimer","zh\u002F03.reference\u002F127.timer",{"title":208,"path":744,"stem":745,"section":211},"\u002Fzh\u002Freference\u002Ftoast","zh\u002F03.reference\u002F128.toast",{"title":213,"path":747,"stem":748,"section":47},"\u002Fzh\u002Freference\u002Ftoc","zh\u002F03.reference\u002F129.toc",{"title":217,"path":750,"stem":751,"section":85},"\u002Fzh\u002Freference\u002Falert","zh\u002F03.reference\u002F13.alert",{"title":221,"path":753,"stem":754,"section":145},"\u002Fzh\u002Freference\u002Ftoggle-group","zh\u002F03.reference\u002F130.toggle-group",{"title":225,"path":756,"stem":757,"section":145},"\u002Fzh\u002Freference\u002Ftoggle","zh\u002F03.reference\u002F131.toggle",{"title":229,"path":759,"stem":760,"section":145},"\u002Fzh\u002Freference\u002Ftoolbar","zh\u002F03.reference\u002F132.toolbar",{"title":233,"path":762,"stem":763,"section":211},"\u002Fzh\u002Freference\u002Ftooltip","zh\u002F03.reference\u002F133.tooltip",{"title":237,"path":765,"stem":766,"section":211},"\u002Fzh\u002Freference\u002Ftour","zh\u002F03.reference\u002F134.tour",{"title":241,"path":768,"stem":769,"section":162},"\u002Fzh\u002Freference\u002Ftransfer","zh\u002F03.reference\u002F135.transfer",{"title":245,"path":771,"stem":772,"section":95},"\u002Fzh\u002Freference\u002Ftree-select","zh\u002F03.reference\u002F136.tree-select",{"title":249,"path":774,"stem":775,"section":162},"\u002Fzh\u002Freference\u002Ftree-view","zh\u002F03.reference\u002F137.tree-view",{"title":253,"path":777,"stem":778,"section":42},"\u002Fzh\u002Freference\u002Ftypography","zh\u002F03.reference\u002F138.typography",{"title":257,"path":780,"stem":781,"section":120},"\u002Fzh\u002Freference\u002Fuser","zh\u002F03.reference\u002F139.user",{"title":261,"path":783,"stem":784,"section":95},"\u002Fzh\u002Freference\u002Fangle-slider","zh\u002F03.reference\u002F14.angle-slider",{"title":265,"path":786,"stem":787,"section":162},"\u002Fzh\u002Freference\u002Fvirtual-list","zh\u002F03.reference\u002F140.virtual-list",{"title":269,"path":789,"stem":790,"section":90},"\u002Fzh\u002Freference\u002Fwatermark","zh\u002F03.reference\u002F141.watermark",{"title":273,"path":792,"stem":793,"section":162},"\u002Fzh\u002Freference\u002Fworkflow","zh\u002F03.reference\u002F142.workflow",{"title":277,"path":795,"stem":796,"section":42},"\u002Fzh\u002Freference\u002Faspect-ratio","zh\u002F03.reference\u002F15.aspect-ratio",{"title":281,"path":798,"stem":799,"section":95},"\u002Fzh\u002Freference\u002Fautocomplete","zh\u002F03.reference\u002F16.autocomplete",{"title":285,"path":801,"stem":802,"section":120},"\u002Fzh\u002Freference\u002Favatar-group","zh\u002F03.reference\u002F17.avatar-group",{"title":289,"path":804,"stem":805,"section":120},"\u002Fzh\u002Freference\u002Favatar","zh\u002F03.reference\u002F18.avatar",{"title":293,"path":807,"stem":808,"section":47},"\u002Fzh\u002Freference\u002Fback-top","zh\u002F03.reference\u002F19.back-top",{"title":297,"path":810,"stem":811,"section":120},"\u002Fzh\u002Freference\u002Fbadge","zh\u002F03.reference\u002F20.badge",{"title":301,"path":813,"stem":814,"section":85},"\u002Fzh\u002Freference\u002Fbanner","zh\u002F03.reference\u002F21.banner",{"title":305,"path":816,"stem":817,"section":42},"\u002Fzh\u002Freference\u002Fbento","zh\u002F03.reference\u002F22.bento",{"title":309,"path":819,"stem":820,"section":85},"\u002Fzh\u002Freference\u002Fblock-ui","zh\u002F03.reference\u002F23.block-ui",{"title":313,"path":822,"stem":823,"section":47},"\u002Fzh\u002Freference\u002Fbreadcrumb","zh\u002F03.reference\u002F24.breadcrumb",{"title":317,"path":825,"stem":826,"section":90},"\u002Fzh\u002Freference\u002Fbrowser","zh\u002F03.reference\u002F25.browser",{"title":321,"path":828,"stem":829,"section":120},"\u002Fzh\u002Freference\u002Fbutton-group","zh\u002F03.reference\u002F26.button-group",{"title":325,"path":831,"stem":832,"section":120},"\u002Fzh\u002Freference\u002Fbutton","zh\u002F03.reference\u002F27.button",{"title":329,"path":834,"stem":835,"section":95},"\u002Fzh\u002Freference\u002Fcalendar","zh\u002F03.reference\u002F28.calendar",{"title":333,"path":837,"stem":838,"section":120},"\u002Fzh\u002Freference\u002Fcard","zh\u002F03.reference\u002F29.card",{"title":337,"path":840,"stem":841,"section":90},"\u002Fzh\u002Freference\u002Fcarousel","zh\u002F03.reference\u002F30.carousel",{"title":341,"path":843,"stem":844,"section":95},"\u002Fzh\u002Freference\u002Fcascade-select","zh\u002F03.reference\u002F31.cascade-select",{"title":345,"path":846,"stem":847,"section":162},"\u002Fzh\u002Freference\u002Fchart","zh\u002F03.reference\u002F32.chart",{"title":349,"path":849,"stem":850,"section":95},"\u002Fzh\u002Freference\u002Fcheckbox-group","zh\u002F03.reference\u002F33.checkbox-group",{"title":353,"path":852,"stem":853,"section":95},"\u002Fzh\u002Freference\u002Fcheckbox","zh\u002F03.reference\u002F34.checkbox",{"title":357,"path":855,"stem":856,"section":120},"\u002Fzh\u002Freference\u002Fchip","zh\u002F03.reference\u002F35.chip",{"title":361,"path":858,"stem":859,"section":120},"\u002Fzh\u002Freference\u002Fclient-only","zh\u002F03.reference\u002F36.client-only",{"title":365,"path":861,"stem":862,"section":145},"\u002Fzh\u002Freference\u002Fclipboard","zh\u002F03.reference\u002F37.clipboard",{"title":369,"path":864,"stem":865,"section":42},"\u002Fzh\u002Freference\u002Fcollapsible","zh\u002F03.reference\u002F38.collapsible",{"title":373,"path":867,"stem":868,"section":162},"\u002Fzh\u002Freference\u002Fcollection","zh\u002F03.reference\u002F39.collection",{"title":377,"path":870,"stem":871,"section":95},"\u002Fzh\u002Freference\u002Fcolor-picker","zh\u002F03.reference\u002F40.color-picker",{"title":381,"path":873,"stem":874,"section":95},"\u002Fzh\u002Freference\u002Fcombobox","zh\u002F03.reference\u002F41.combobox",{"title":385,"path":876,"stem":877,"section":211},"\u002Fzh\u002Freference\u002Fcommand","zh\u002F03.reference\u002F42.command",{"title":389,"path":879,"stem":880,"section":162},"\u002Fzh\u002Freference\u002Fcomment","zh\u002F03.reference\u002F43.comment",{"title":393,"path":882,"stem":883,"section":120},"\u002Fzh\u002Freference\u002Fconfig-provider","zh\u002F03.reference\u002F44.config-provider",{"title":397,"path":885,"stem":886,"section":42},"\u002Fzh\u002Freference\u002Fcontainer","zh\u002F03.reference\u002F45.container",{"title":401,"path":888,"stem":889,"section":162},"\u002Fzh\u002Freference\u002Fdata-view","zh\u002F03.reference\u002F46.data-view",{"title":405,"path":891,"stem":892,"section":95},"\u002Fzh\u002Freference\u002Fdate-input","zh\u002F03.reference\u002F47.date-input",{"title":409,"path":894,"stem":895,"section":95},"\u002Fzh\u002Freference\u002Fdate-picker","zh\u002F03.reference\u002F48.date-picker",{"title":413,"path":897,"stem":898,"section":120},"\u002Fzh\u002Freference\u002Fdeferred-content","zh\u002F03.reference\u002F49.deferred-content",{"title":417,"path":900,"stem":901,"section":162},"\u002Fzh\u002Freference\u002Fdescriptions","zh\u002F03.reference\u002F50.descriptions",{"title":421,"path":903,"stem":904,"section":211},"\u002Fzh\u002Freference\u002Fdialog","zh\u002F03.reference\u002F51.dialog",{"title":425,"path":906,"stem":907,"section":145},"\u002Fzh\u002Freference\u002Fdock","zh\u002F03.reference\u002F52.dock",{"title":429,"path":909,"stem":910,"section":145},"\u002Fzh\u002Freference\u002Fdownload-trigger","zh\u002F03.reference\u002F53.download-trigger",{"title":433,"path":912,"stem":913,"section":211},"\u002Fzh\u002Freference\u002Fdrawer","zh\u002F03.reference\u002F54.drawer",{"title":437,"path":915,"stem":916,"section":95},"\u002Fzh\u002Freference\u002Fdynamic-input","zh\u002F03.reference\u002F55.dynamic-input",{"title":441,"path":918,"stem":919,"section":95},"\u002Fzh\u002Freference\u002Feditable","zh\u002F03.reference\u002F56.editable",{"title":445,"path":921,"stem":922,"section":42},"\u002Fzh\u002Freference\u002Fellipsis","zh\u002F03.reference\u002F57.ellipsis",{"title":449,"path":924,"stem":925,"section":85},"\u002Fzh\u002Freference\u002Fempty","zh\u002F03.reference\u002F58.empty",{"title":453,"path":927,"stem":928,"section":95},"\u002Fzh\u002Freference\u002Ffield","zh\u002F03.reference\u002F59.field",{"title":457,"path":930,"stem":931,"section":95},"\u002Fzh\u002Freference\u002Ffieldset","zh\u002F03.reference\u002F60.fieldset",{"title":461,"path":933,"stem":934,"section":95},"\u002Fzh\u002Freference\u002Ffile-upload","zh\u002F03.reference\u002F61.file-upload",{"title":465,"path":936,"stem":937,"section":145},"\u002Fzh\u002Freference\u002Ffloat-button","zh\u002F03.reference\u002F62.float-button",{"title":469,"path":939,"stem":940,"section":211},"\u002Fzh\u002Freference\u002Ffloating-panel","zh\u002F03.reference\u002F63.floating-panel",{"title":473,"path":942,"stem":943,"section":211},"\u002Fzh\u002Freference\u002Ffocus-trap","zh\u002F03.reference\u002F64.focus-trap",{"title":477,"path":945,"stem":946,"section":95},"\u002Fzh\u002Freference\u002Fform","zh\u002F03.reference\u002F65.form",{"title":481,"path":948,"stem":949,"section":120},"\u002Fzh\u002Freference\u002Fformat","zh\u002F03.reference\u002F66.format",{"title":485,"path":951,"stem":952,"section":42},"\u002Fzh\u002Freference\u002Fframe","zh\u002F03.reference\u002F67.frame",{"title":489,"path":954,"stem":955,"section":42},"\u002Fzh\u002Freference\u002Fgrid","zh\u002F03.reference\u002F68.grid",{"title":493,"path":957,"stem":958,"section":120},"\u002Fzh\u002Freference\u002Fhighlight","zh\u002F03.reference\u002F69.highlight",{"title":497,"path":960,"stem":961,"section":211},"\u002Fzh\u002Freference\u002Fhover-card","zh\u002F03.reference\u002F70.hover-card",{"title":501,"path":963,"stem":964,"section":120},"\u002Fzh\u002Freference\u002Ficon","zh\u002F03.reference\u002F71.icon",{"title":505,"path":966,"stem":967,"section":90},"\u002Fzh\u002Freference\u002Fimage-cropper","zh\u002F03.reference\u002F72.image-cropper",{"title":509,"path":969,"stem":970,"section":90},"\u002Fzh\u002Freference\u002Fimage-viewer","zh\u002F03.reference\u002F73.image-viewer",{"title":513,"path":972,"stem":973,"section":90},"\u002Fzh\u002Freference\u002Fimage","zh\u002F03.reference\u002F74.image",{"title":517,"path":975,"stem":976,"section":95},"\u002Fzh\u002Freference\u002Finput-group","zh\u002F03.reference\u002F75.input-group",{"title":521,"path":978,"stem":979,"section":95},"\u002Fzh\u002Freference\u002Finput","zh\u002F03.reference\u002F76.input",{"title":525,"path":981,"stem":982,"section":162},"\u002Fzh\u002Freference\u002Fjson-tree-view","zh\u002F03.reference\u002F77.json-tree-view",{"title":529,"path":984,"stem":985,"section":120},"\u002Fzh\u002Freference\u002Fkbd","zh\u002F03.reference\u002F78.kbd",{"title":533,"path":987,"stem":988,"section":42},"\u002Fzh\u002Freference\u002Flayout","zh\u002F03.reference\u002F79.layout",{"title":537,"path":990,"stem":991,"section":47},"\u002Fzh\u002Freference\u002Flink","zh\u002F03.reference\u002F80.link",{"title":541,"path":993,"stem":994,"section":162},"\u002Fzh\u002Freference\u002Flist","zh\u002F03.reference\u002F81.list",{"title":545,"path":996,"stem":997,"section":95},"\u002Fzh\u002Freference\u002Flistbox","zh\u002F03.reference\u002F82.listbox",{"title":549,"path":999,"stem":1000,"section":90},"\u002Fzh\u002Freference\u002Fmarquee","zh\u002F03.reference\u002F83.marquee",{"title":553,"path":1002,"stem":1003,"section":42},"\u002Fzh\u002Freference\u002Fmasonry","zh\u002F03.reference\u002F84.masonry",{"title":557,"path":1005,"stem":1006,"section":95},"\u002Fzh\u002Freference\u002Fmentions","zh\u002F03.reference\u002F85.mentions",{"title":561,"path":1008,"stem":1009,"section":211},"\u002Fzh\u002Freference\u002Fmenu","zh\u002F03.reference\u002F86.menu",{"title":565,"path":1011,"stem":1012,"section":47},"\u002Fzh\u002Freference\u002Fmenubar","zh\u002F03.reference\u002F87.menubar",{"title":569,"path":1014,"stem":1015,"section":85},"\u002Fzh\u002Freference\u002Fmeter","zh\u002F03.reference\u002F88.meter",{"title":573,"path":1017,"stem":1018,"section":47},"\u002Fzh\u002Freference\u002Fnavigation-menu","zh\u002F03.reference\u002F89.navigation-menu",{"title":577,"path":1020,"stem":1021,"section":95},"\u002Fzh\u002Freference\u002Fnumber-input","zh\u002F03.reference\u002F90.number-input",{"title":581,"path":1023,"stem":1024,"section":162},"\u002Fzh\u002Freference\u002Forder-list","zh\u002F03.reference\u002F91.order-list",{"title":585,"path":1026,"stem":1027,"section":42},"\u002Fzh\u002Freference\u002Fpage-header","zh\u002F03.reference\u002F92.page-header",{"title":589,"path":1029,"stem":1030,"section":47},"\u002Fzh\u002Freference\u002Fpagination","zh\u002F03.reference\u002F93.pagination",{"title":593,"path":1032,"stem":1033,"section":95},"\u002Fzh\u002Freference\u002Fpassword-input","zh\u002F03.reference\u002F94.password-input",{"title":597,"path":1035,"stem":1036,"section":95},"\u002Fzh\u002Freference\u002Fpin-input","zh\u002F03.reference\u002F95.pin-input",{"title":601,"path":1038,"stem":1039,"section":211},"\u002Fzh\u002Freference\u002Fpopconfirm","zh\u002F03.reference\u002F96.popconfirm",{"title":605,"path":1041,"stem":1042,"section":211},"\u002Fzh\u002Freference\u002Fpopover","zh\u002F03.reference\u002F97.popover",{"title":609,"path":1044,"stem":1045,"section":120},"\u002Fzh\u002Freference\u002Fpresence","zh\u002F03.reference\u002F98.presence",{"title":613,"path":1047,"stem":1048,"section":85},"\u002Fzh\u002Freference\u002Fprogress-group","zh\u002F03.reference\u002F99.progress-group",{"id":1050,"title":381,"body":1051,"description":1954,"extension":1255,"meta":1955,"navigation":1956,"path":382,"seo":1957,"stem":383,"__hash__":1958},"docs_zh\u002Fzh\u002F02.components\u002F41.combobox.md",{"type":1052,"value":1053,"toc":1930},"minimark",[1054,1058,1062,1065,1070,1074,1078,1080,1084,1086,1090,1092,1096,1098,1102,1104,1108,1110,1114,1116,1120,1122,1126,1128,1132,1191,1195,1197,1201,1203,1207,1209,1213,1894,1898],[1055,1056,1057],"h2",{"id":1057},"基础用法",[1059,1060],"component-demo",{"name":1061},"combobox\u002Fbasic",[1055,1063,1064],{"id":1064},"属性",[1066,1067,1069],"h3",{"id":1068},"cleartrigger","ClearTrigger",[1071,1072,1073],"p",{},"纯造型的部件——自身没有属性，沿用部件结构的共享样式。",[1066,1075,1077],{"id":1076},"content","Content",[1071,1079,1073],{},[1066,1081,1083],{"id":1082},"control","Control",[1071,1085,1073],{},[1066,1087,1089],{"id":1088},"empty","Empty",[1071,1091,1073],{},[1066,1093,1095],{"id":1094},"input","Input",[1071,1097,1073],{},[1066,1099,1101],{"id":1100},"itemcontext","ItemContext",[1071,1103,1073],{},[1066,1105,1107],{"id":1106},"itemgrouplabel","ItemGroupLabel",[1071,1109,1073],{},[1066,1111,1113],{"id":1112},"itemgroup","ItemGroup",[1071,1115,1073],{},[1066,1117,1119],{"id":1118},"itemindicator","ItemIndicator",[1071,1121,1073],{},[1066,1123,1125],{"id":1124},"itemtext","ItemText",[1071,1127,1073],{},[1066,1129,1131],{"id":1130},"item","Item",[1133,1134,1135,1153],"table",{},[1136,1137,1138],"thead",{},[1139,1140,1141,1144,1147,1150],"tr",{},[1142,1143,1064],"th",{},[1142,1145,1146],{},"类型",[1142,1148,1149],{},"默认值",[1142,1151,1152],{},"描述",[1154,1155,1156,1174],"tbody",{},[1139,1157,1158,1164,1169,1171],{},[1159,1160,1161],"td",{},[1162,1163,1130],"code",{},[1159,1165,1166],{},[1162,1167,1168],{},"CollectionItem",[1159,1170],{},[1159,1172,1173],{},"要渲染的条目",[1139,1175,1176,1181,1186,1188],{},[1159,1177,1178],{},[1162,1179,1180],{},"persistFocus",[1159,1182,1183],{},[1162,1184,1185],{},"boolean | undefined",[1159,1187],{},[1159,1189,1190],{},"悬停移出后是否清除高亮",[1066,1192,1194],{"id":1193},"label","Label",[1071,1196,1073],{},[1066,1198,1200],{"id":1199},"list","List",[1071,1202,1073],{},[1066,1204,1206],{"id":1205},"positioner","Positioner",[1071,1208,1073],{},[1066,1210,1212],{"id":1211},"root","Root",[1133,1214,1215,1227],{},[1136,1216,1217],{},[1139,1218,1219,1221,1223,1225],{},[1142,1220,1064],{},[1142,1222,1146],{},[1142,1224,1149],{},[1142,1226,1152],{},[1154,1228,1229,1260,1277,1293,1309,1325,1342,1361,1378,1397,1413,1433,1449,1465,1481,1497,1513,1530,1558,1574,1590,1608,1624,1654,1673,1690,1706,1725,1744,1762,1778,1798,1814,1830,1847,1877],{},[1139,1230,1231,1236,1241,1246],{},[1159,1232,1233],{},[1162,1234,1235],{},"size",[1159,1237,1238],{},[1162,1239,1240],{},"String as PropType\u003C\"sm\" | \"md\" | \"lg\">",[1159,1242,1243],{},[1162,1244,1245],{},"\"md\"",[1159,1247,1248,1249,1252,1253,1256,1257],{},"字段行高度，可为 ",[1162,1250,1251],{},"sm","、",[1162,1254,1255],{},"md"," 或 ",[1162,1258,1259],{},"lg",[1139,1261,1262,1267,1272,1274],{},[1159,1263,1264],{},[1162,1265,1266],{},"allowCustomValue",[1159,1268,1269],{},[1162,1270,1271],{},"boolean",[1159,1273],{},[1159,1275,1276],{},"是否允许在输入框中输入自定义值",[1139,1278,1279,1284,1288,1290],{},[1159,1280,1281],{},[1162,1282,1283],{},"alwaysSubmitOnEnter",[1159,1285,1286],{},[1162,1287,1271],{},[1159,1289],{},[1159,1291,1292],{},"是否跳过默认两步行为（先按 Enter 关闭组合框，再按 Enter 提交表单），让 Enter 直接提交表单；适合单字段自动补全表单",[1139,1294,1295,1300,1304,1306],{},[1159,1296,1297],{},[1162,1298,1299],{},"autoFocus",[1159,1301,1302],{},[1162,1303,1271],{},[1159,1305],{},[1159,1307,1308],{},"挂载时是否自动聚焦输入框",[1139,1310,1311,1316,1320,1322],{},[1159,1312,1313],{},[1162,1314,1315],{},"closeOnSelect",[1159,1317,1318],{},[1162,1319,1271],{},[1159,1321],{},[1159,1323,1324],{},"选中条目后是否关闭组合框",[1139,1326,1327,1332,1337,1339],{},[1159,1328,1329],{},[1162,1330,1331],{},"collection",[1159,1333,1334],{},[1162,1335,1336],{},"ListCollection\u003CT>",[1159,1338],{},[1159,1340,1341],{},"条目集合",[1139,1343,1344,1349,1353,1358],{},[1159,1345,1346],{},[1162,1347,1348],{},"composite",[1159,1350,1351],{},[1162,1352,1271],{},[1159,1354,1355],{},[1162,1356,1357],{},"true",[1159,1359,1360],{},"组合框是否与标签页等复合组件组合使用",[1139,1362,1363,1368,1373,1375],{},[1159,1364,1365],{},[1162,1366,1367],{},"defaultHighlightedValue",[1159,1369,1370],{},[1162,1371,1372],{},"string",[1159,1374],{},[1159,1376,1377],{},"组合框初始高亮值；无需控制高亮值时使用",[1139,1379,1380,1385,1389,1394],{},[1159,1381,1382],{},[1162,1383,1384],{},"defaultInputValue",[1159,1386,1387],{},[1162,1388,1372],{},[1159,1390,1391],{},[1162,1392,1393],{},"\"\"",[1159,1395,1396],{},"组合框输入框初始值；无需控制输入值时使用",[1139,1398,1399,1404,1408,1410],{},[1159,1400,1401],{},[1162,1402,1403],{},"defaultOpen",[1159,1405,1406],{},[1162,1407,1271],{},[1159,1409],{},[1159,1411,1412],{},"组合框初始是否展开；无需控制展开状态时使用",[1139,1414,1415,1420,1425,1430],{},[1159,1416,1417],{},[1162,1418,1419],{},"defaultValue",[1159,1421,1422],{},[1162,1423,1424],{},"string[]",[1159,1426,1427],{},[1162,1428,1429],{},"[]",[1159,1431,1432],{},"组合框已选项初始值；无需控制已选值时使用",[1139,1434,1435,1440,1444,1446],{},[1159,1436,1437],{},[1162,1438,1439],{},"disabled",[1159,1441,1442],{},[1162,1443,1271],{},[1159,1445],{},[1159,1447,1448],{},"组合框是否禁用",[1139,1450,1451,1456,1460,1462],{},[1159,1452,1453],{},[1162,1454,1455],{},"disableLayer",[1159,1457,1458],{},[1162,1459,1271],{},[1159,1461],{},[1159,1463,1464],{},"是否禁止把该组件注册为可关闭层",[1139,1466,1467,1472,1476,1478],{},[1159,1468,1469],{},[1162,1470,1471],{},"form",[1159,1473,1474],{},[1162,1475,1372],{},[1159,1477],{},[1159,1479,1480],{},"组合框关联的表单",[1139,1482,1483,1488,1492,1494],{},[1159,1484,1485],{},[1162,1486,1487],{},"highlightedValue",[1159,1489,1490],{},[1162,1491,1372],{},[1159,1493],{},[1159,1495,1496],{},"组合框的受控高亮值",[1139,1498,1499,1504,1508,1510],{},[1159,1500,1501],{},[1162,1502,1503],{},"id",[1159,1505,1506],{},[1162,1507,1372],{},[1159,1509],{},[1159,1511,1512],{},"组件内部状态机的唯一标识",[1139,1514,1515,1520,1525,1527],{},[1159,1516,1517],{},[1162,1518,1519],{},"ids",[1159,1521,1522],{},[1162,1523,1524],{},"Partial\u003C{ root: string; label: string; control: string; input: string; content: string; trigger: string; clearTrigger: string; item(id: string, index?: number): string; positioner: string; itemGroup(id: string | number): string; itemGroupLabel(id: string | number): string; }>",[1159,1526],{},[1159,1528,1529],{},"组合框内各元素的 id；便于组合使用",[1139,1531,1532,1537,1542,1547],{},[1159,1533,1534],{},[1162,1535,1536],{},"inputBehavior",[1159,1538,1539],{},[1162,1540,1541],{},"'autohighlight' | 'autocomplete' | 'none'",[1159,1543,1544],{},[1162,1545,1546],{},"\"none\"",[1159,1548,1549,1550,1553,1554,1557],{},"组合框的自动补全行为：",[1162,1551,1552],{},"autohighlight"," 表示输入时高亮第一个获得焦点的条目；",[1162,1555,1556],{},"autocomplete"," 表示用方向键在列表框中导航时选中条目并更新输入框",[1139,1559,1560,1565,1569,1571],{},[1159,1561,1562],{},[1162,1563,1564],{},"inputValue",[1159,1566,1567],{},[1162,1568,1372],{},[1159,1570],{},[1159,1572,1573],{},"组合框输入框的受控值",[1139,1575,1576,1581,1585,1587],{},[1159,1577,1578],{},[1162,1579,1580],{},"invalid",[1159,1582,1583],{},[1162,1584,1271],{},[1159,1586],{},[1159,1588,1589],{},"组合框是否无效",[1139,1591,1592,1597,1601,1605],{},[1159,1593,1594],{},[1162,1595,1596],{},"loopFocus",[1159,1598,1599],{},[1162,1600,1271],{},[1159,1602,1603],{},[1162,1604,1357],{},[1159,1606,1607],{},"键盘导航是否在条目间循环",[1139,1609,1610,1615,1619,1621],{},[1159,1611,1612],{},[1162,1613,1614],{},"modelValue",[1159,1616,1617],{},[1162,1618,1424],{},[1159,1620],{},[1159,1622,1623],{},"组合框的 v-model 值",[1139,1625,1626,1631,1635,1637],{},[1159,1627,1628],{},[1162,1629,1630],{},"multiple",[1159,1632,1633],{},[1162,1634,1271],{},[1159,1636],{},[1159,1638,1639,1640,1642,1643,1645,1646,1649,1650,1653],{},"是否允许多选；",[1162,1641,1630],{}," 为 ",[1162,1644,1357],{}," 时，",[1162,1647,1648],{},"selectionBehavior"," 会自动设为 ",[1162,1651,1652],{},"clear","，建议把已选项放在单独容器中渲染",[1139,1655,1656,1661,1665,1667],{},[1159,1657,1658],{},[1162,1659,1660],{},"name",[1159,1662,1663],{},[1162,1664,1372],{},[1159,1666],{},[1159,1668,1669,1670,1672],{},"组合框输入框的 ",[1162,1671,1660],{}," 属性，用于表单提交",[1139,1674,1675,1680,1685,1687],{},[1159,1676,1677],{},[1162,1678,1679],{},"navigate",[1159,1681,1682],{},[1162,1683,1684],{},"(details: combobox.NavigateDetails) => void",[1159,1686],{},[1159,1688,1689],{},"用于导航到已选项的函数",[1139,1691,1692,1697,1701,1703],{},[1159,1693,1694],{},[1162,1695,1696],{},"open",[1159,1698,1699],{},[1162,1700,1271],{},[1159,1702],{},[1159,1704,1705],{},"组合框的受控展开状态",[1139,1707,1708,1713,1718,1722],{},[1159,1709,1710],{},[1162,1711,1712],{},"openOnChange",[1159,1714,1715],{},[1162,1716,1717],{},"boolean | ((details: combobox.InputValueChangeDetails) => boolean)",[1159,1719,1720],{},[1162,1721,1357],{},[1159,1723,1724],{},"输入值变化时是否显示组合框弹层",[1139,1726,1727,1732,1736,1741],{},[1159,1728,1729],{},[1162,1730,1731],{},"openOnClick",[1159,1733,1734],{},[1162,1735,1271],{},[1159,1737,1738],{},[1162,1739,1740],{},"false",[1159,1742,1743],{},"首次点击输入框时是否打开组合框弹层",[1139,1745,1746,1751,1755,1759],{},[1159,1747,1748],{},[1162,1749,1750],{},"openOnKeyPress",[1159,1752,1753],{},[1162,1754,1271],{},[1159,1756,1757],{},[1162,1758,1357],{},[1159,1760,1761],{},"按下方向键时是否打开组合框弹层",[1139,1763,1764,1769,1773,1775],{},[1159,1765,1766],{},[1162,1767,1768],{},"placeholder",[1159,1770,1771],{},[1162,1772,1372],{},[1159,1774],{},[1159,1776,1777],{},"组合框输入框的占位文本",[1139,1779,1780,1785,1790,1795],{},[1159,1781,1782],{},[1162,1783,1784],{},"positioning",[1159,1786,1787],{},[1162,1788,1789],{},"combobox.PositioningOptions",[1159,1791,1792],{},[1162,1793,1794],{},"{ placement: \"bottom-start\" }",[1159,1796,1797],{},"组合框弹层的动态定位选项",[1139,1799,1800,1805,1809,1811],{},[1159,1801,1802],{},[1162,1803,1804],{},"readOnly",[1159,1806,1807],{},[1162,1808,1271],{},[1159,1810],{},[1159,1812,1813],{},"组合框是否只读；只读时输入框不可编辑，但仍可交互",[1139,1815,1816,1821,1825,1827],{},[1159,1817,1818],{},[1162,1819,1820],{},"required",[1159,1822,1823],{},[1162,1824,1271],{},[1159,1826],{},[1159,1828,1829],{},"组合框是否必填",[1139,1831,1832,1837,1842,1844],{},[1159,1833,1834],{},[1162,1835,1836],{},"scrollToIndexFn",[1159,1838,1839],{},[1162,1840,1841],{},"(details: combobox.ScrollToIndexDetails) => void",[1159,1843],{},[1159,1845,1846],{},"滚动到指定索引的函数",[1139,1848,1849,1853,1858,1863],{},[1159,1850,1851],{},[1162,1852,1648],{},[1159,1854,1855],{},[1162,1856,1857],{},"'clear' | 'replace' | 'preserve'",[1159,1859,1860],{},[1162,1861,1862],{},"\"replace\"",[1159,1864,1865,1866,1869,1870,1872,1873,1876],{},"选中条目后输入框的处理方式：",[1162,1867,1868],{},"replace"," 表示把选中项文本设为输入值；",[1162,1871,1652],{}," 表示清空输入值；",[1162,1874,1875],{},"preserve"," 表示保留输入值",[1139,1878,1879,1884,1889,1891],{},[1159,1880,1881],{},[1162,1882,1883],{},"translations",[1159,1885,1886],{},[1162,1887,1888],{},"combobox.IntlTranslations",[1159,1890],{},[1159,1892,1893],{},"无障碍元素及其状态的本地化文案",[1066,1895,1897],{"id":1896},"trigger","Trigger",[1133,1899,1900,1912],{},[1136,1901,1902],{},[1139,1903,1904,1906,1908,1910],{},[1142,1905,1064],{},[1142,1907,1146],{},[1142,1909,1149],{},[1142,1911,1152],{},[1154,1913,1914],{},[1139,1915,1916,1921,1925,1927],{},[1159,1917,1918],{},[1162,1919,1920],{},"focusable",[1159,1922,1923],{},[1162,1924,1185],{},[1159,1926],{},[1159,1928,1929],{},"触发器是否可聚焦",{"title":1931,"searchDepth":1932,"depth":1932,"links":1933},"",2,[1934,1935],{"id":1057,"depth":1932,"text":1057},{"id":1064,"depth":1932,"text":1064,"children":1936},[1937,1939,1940,1941,1942,1943,1944,1945,1946,1947,1948,1949,1950,1951,1952,1953],{"id":1068,"depth":1938,"text":1069},3,{"id":1076,"depth":1938,"text":1077},{"id":1082,"depth":1938,"text":1083},{"id":1088,"depth":1938,"text":1089},{"id":1094,"depth":1938,"text":1095},{"id":1100,"depth":1938,"text":1101},{"id":1106,"depth":1938,"text":1107},{"id":1112,"depth":1938,"text":1113},{"id":1118,"depth":1938,"text":1119},{"id":1124,"depth":1938,"text":1125},{"id":1130,"depth":1938,"text":1131},{"id":1193,"depth":1938,"text":1194},{"id":1199,"depth":1938,"text":1200},{"id":1205,"depth":1938,"text":1206},{"id":1211,"depth":1938,"text":1212},{"id":1896,"depth":1938,"text":1897},"Combobox：组合框。输入框沿用控件样式，匹配列表淡入展开为纸质浮层，选中行使用墨色平铺填充。部件：Root、Label、Control、Input、Trigger、ClearTrigger、Positioner、Content、List、Empty、Item、ItemText、ItemIndicator、ItemGroup、ItemGroupLabel。",{},{"section":95},{"title":381,"description":1954},"AT_bk9NEA38cBhbzzXkAqMYb2_4FfmZY3FunduXs-Q4",[1960,1962],{"title":377,"path":378,"stem":379,"description":1961,"section":95,"children":-1},"ColorPicker：颜色选择器。控件大小的色块显示当前颜色，展开后提供取色区域和通道滑块。部件：Root、Label、Control、Trigger、Positioner、Content、Area、AreaThumb、AreaBackground、ValueText、ValueSwatch、ChannelSlider、ChannelSliderLabel、ChannelSliderTrack、ChannelSliderThumb、ChannelSliderValueText、ChannelInput、TransparencyGrid、SwatchGroup、SwatchTrigger、SwatchIndicator、Swatch、EyeDropperTrigger、FormatTrigger、FormatSelect、HiddenInput、Context。",{"title":385,"path":386,"stem":387,"description":1963,"section":211,"children":-1},"Command：命令面板。页面顶部出现模态浮层，内含搜索字段和调用方传入的命令；命令按组显示，每行有按键提示。外壳使用 dialog 状态机，提供 scrim、焦点陷阱和 Escape；搜索由 combobox 状态机驱动自有列表。容器和列表都在浮层内，combobox 不再渲染单独弹层，状态机内容挂接到浮层列表。input 部件带有一个 `as never`：它的 prop 联合类型超出了 h（） 的可解析范围（TS2590）。","\u003Cpre class=\"th-code th-code--vue\" data-language=\"vue\">\u003Ccode>&lt;\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan> setup \u003Cspan class=\"th-token th-attr\">lang\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;ts&quot;\u003C\u002Fspan>&gt;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { useListCollection } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">&quot;@ark-ui\u002Fvue\u002Fcombobox&quot;\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { useFilter } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">&quot;@ark-ui\u002Fvue\u002Flocale&quot;\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { check, chevron_down, x } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">&quot;@bysages\u002Ficons&quot;\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { \u003Cspan class=\"th-token th-type\">Combobox\u003C\u002Fspan>, \u003Cspan class=\"th-token th-type\">Icon\u003C\u002Fspan> } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">&quot;@bysages\u002Fvue&quot;\u003C\u002Fspan>;\n\n\u003Cspan class=\"th-token th-keyword\">const\u003C\u002Fspan> filters = \u003Cspan class=\"th-token th-function\">useFilter\u003C\u002Fspan>({ \u003Cspan class=\"th-token th-property\">sensitivity\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;base&quot;\u003C\u002Fspan> });\n\u003Cspan class=\"th-token th-keyword\">const\u003C\u002Fspan> { collection, filter } = \u003Cspan class=\"th-token th-function\">useListCollection\u003C\u002Fspan>({\n  \u003Cspan class=\"th-token th-property\">initialItems\u003C\u002Fspan>: [\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;Apple&quot;\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;apple&quot;\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;Banana&quot;\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;banana&quot;\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;Cherry&quot;\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;cherry&quot;\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;Date&quot;\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;date&quot;\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;Elderberry&quot;\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;elderberry&quot;\u003C\u002Fspan> },\n    { \u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;Fig&quot;\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>: \u003Cspan class=\"th-token th-string\">&quot;fig&quot;\u003C\u002Fspan> },\n  ],\n  \u003Cspan class=\"th-token th-property\">filter\u003C\u002Fspan>: (item: \u003Cspan class=\"th-token th-type\">string\u003C\u002Fspan>, \u003Cspan class=\"th-token th-property\">inputValue\u003C\u002Fspan>: \u003Cspan class=\"th-token th-type\">string\u003C\u002Fspan>) =&gt; filters.\u003Cspan class=\"th-token th-property\">value\u003C\u002Fspan>.\u003Cspan class=\"th-token th-property\">contains\u003C\u002Fspan>(item, inputValue),\n});\n&lt;\u002F\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan>&gt;\n\n&lt;\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>&gt;\n  &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Root\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:collection\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;collection&quot;\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">@input-value-change\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;(e) =&gt; filter(e.inputValue)&quot;\u003C\u002Fspan>&gt;\n    &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Label\u003C\u002Fspan>&gt;Fruit&lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Label\u003C\u002Fspan>&gt;\n    &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Control\u003C\u002Fspan>&gt;\n      &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Input\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">placeholder\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;e.g. Apple&quot;\u003C\u002Fspan> \u002F&gt;\n      &lt;\u003Cspan class=\"th-token th-tag\">Combobox.ClearTrigger\u003C\u002Fspan>&gt;\n        &lt;\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;x&quot;\u003C\u002Fspan> \u002F&gt;\n      &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.ClearTrigger\u003C\u002Fspan>&gt;\n      &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Trigger\u003C\u002Fspan>&gt;\n        &lt;\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;chevron_down&quot;\u003C\u002Fspan> \u002F&gt;\n      &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Trigger\u003C\u002Fspan>&gt;\n    &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Control\u003C\u002Fspan>&gt;\n    &lt;\u003Cspan class=\"th-token th-tag\">Teleport\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">to\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;body&quot;\u003C\u002Fspan>&gt;\n      &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Positioner\u003C\u002Fspan>&gt;\n        &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Content\u003C\u002Fspan>&gt;\n          &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Empty\u003C\u002Fspan>&gt;No results found&lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Empty\u003C\u002Fspan>&gt;\n          &lt;\u003Cspan class=\"th-token th-tag\">Combobox.Item\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;item in collection.items&quot;\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;item.value&quot;\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:item\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;item&quot;\u003C\u002Fspan>&gt;\n            &lt;\u003Cspan class=\"th-token th-tag\">Combobox.ItemText\u003C\u002Fspan>&gt;{{ item.\u003Cspan class=\"th-token th-property\">label\u003C\u002Fspan> }}&lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.ItemText\u003C\u002Fspan>&gt;\n            &lt;\u003Cspan class=\"th-token th-tag\">Combobox.ItemIndicator\u003C\u002Fspan>&gt;\n              &lt;\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">&quot;check&quot;\u003C\u002Fspan> \u002F&gt;\n            &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.ItemIndicator\u003C\u002Fspan>&gt;\n          &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Item\u003C\u002Fspan>&gt;\n        &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Content\u003C\u002Fspan>&gt;\n      &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Positioner\u003C\u002Fspan>&gt;\n    &lt;\u002F\u003Cspan class=\"th-token th-tag\">Teleport\u003C\u002Fspan>&gt;\n  &lt;\u002F\u003Cspan class=\"th-token th-tag\">Combobox.Root\u003C\u002Fspan>&gt;\n&lt;\u002F\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>&gt;\n\u003C\u002Fcode>\u003C\u002Fpre>",1790878655046]