import{f as l,B as e,o as D,c as F,x as s,D as o,z as y,a as t,N as d}from"./chunks/framework.68f3e7ab.js";const _=s("h1",{id:"菜单",tabindex:"-1"},[t("菜单 "),s("a",{class:"header-anchor",href:"#菜单","aria-label":'Permalink to "菜单"'},"​")],-1),C=s("h2",{id:"效果",tabindex:"-1"},[t("效果 "),s("a",{class:"header-anchor",href:"#效果","aria-label":'Permalink to "效果"'},"​")],-1),u={style:{padding:"1em",border:"1px solid #ccc","border-radius":"10px","margin-top":"20px"}},h=d(`<h2 id="代码示例" tabindex="-1">代码示例 <a class="header-anchor" href="#代码示例" aria-label="Permalink to &quot;代码示例&quot;">​</a></h2><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">	</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">xs-chooseIcon</span><span style="color:#89DDFF;"> :title=&quot;title&quot; </span><span style="color:#C792EA;">v-model</span><span style="color:#89DDFF;">:</span><span style="color:#C792EA;">visible</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">visible</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">setup</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">ts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">import </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> ref </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> from &quot;@vue/reactivity&quot;;</span></span>
<span class="line"><span style="color:#A6ACCD;">const visible = ref</span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">boolean</span><span style="color:#89DDFF;">&gt;</span><span style="color:#A6ACCD;">(false);</span></span>
<span class="line"><span style="color:#A6ACCD;">const title = ref</span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">string</span><span style="color:#89DDFF;">&gt;</span><span style="color:#A6ACCD;">(&quot;选择图标&quot;);</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
<span class="line"></span></code></pre></div>`,2),x=JSON.parse('{"title":"菜单","description":"","frontmatter":{},"headers":[],"relativePath":"examples/ChooseIcon/index.md"}'),m={name:"examples/ChooseIcon/index.md"},f=Object.assign(m,{setup(A){const a=l(!1),p=l("选择图标");return(b,n)=>{const c=e("xs-chooseIcon"),r=e("ClientOnly");return D(),F("div",null,[_,C,s("div",u,[o(r,null,{default:y(()=>[o(c,{title:p.value,visible:a.value,"onUpdate:visible":n[0]||(n[0]=i=>a.value=i)},null,8,["title","visible"])]),_:1})]),h])}}});export{x as __pageData,f as default};
