import{B as o,o as p,c as t,x as s,D as c,a as n,N as r}from"./chunks/framework.68f3e7ab.js";const i=s("h1",{id:"菜单",tabindex:"-1"},[n("菜单 "),s("a",{class:"header-anchor",href:"#菜单","aria-label":'Permalink to "菜单"'},"​")],-1),F=s("h2",{id:"效果",tabindex:"-1"},[n("效果 "),s("a",{class:"header-anchor",href:"#效果","aria-label":'Permalink to "效果"'},"​")],-1),D={style:{padding:"1em",border:"1px solid #ccc","border-radius":"10px","margin-top":"20px"}},y=r(`<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;">choose-area</span><span style="color:#89DDFF;"> @change=&quot;changeArea&quot; /&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 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;">const changeArea = (val: any) =&gt; </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;">	console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(val);</span></span>
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">;</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 style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span>
<span class="line"></span></code></pre></div>`,2),A=JSON.parse('{"title":"菜单","description":"","frontmatter":{},"headers":[],"relativePath":"examples/ChooseArea/index.md"}'),d={name:"examples/ChooseArea/index.md"},C=Object.assign(d,{setup(_){const e=a=>{console.log(a)};return(a,h)=>{const l=o("xs-chooseArea");return p(),t("div",null,[i,F,s("div",D,[c(l,{onChange:e})]),y])}}});export{A as __pageData,C as default};
