vue-pure-admin/static/js/menuDynamic-DLH0iCF-.js

import{c as w,C as v,a as f,b as x,d as k,e as C}from"./index.esm-2_gujHfj.js";import{d as B,_ as I,h as r,A as N,k as a,e as l,g as _,z as V,f as n,w as t,j as u,F as b,l as E,b as d,t as F}from"./index-CVG9UGE1.js";const S=B({name:"ExampleDynamic",components:{[C.name]:C,[k.name]:k,[x.name]:x,[f.name]:f,[v.name]:v},directives:{contextmenu:w},data(){return{extra:[]}},methods:{addItem(s="item"){this.extra.push(s)},removeItem(){this.extra.pop()}}}),c={class:"wrapper"};function j(s,e,z,A,G,L){const o=r("v-contextmenu-item"),p=r("v-contextmenu-group"),$=r("v-contextmenu-divider"),g=r("v-contextmenu-submenu"),y=r("v-contextmenu"),D=N("contextmenu");return l(),a("div",null,[e[15]||(e[15]=_("div",{class:"mb-2"},"动态菜单",-1)),V((l(),a("div",c,[...e[4]||(e[4]=[_("code",null,"右键点击此区域",-1)])])),[[D,void 0,"contextmenu"]]),n(y,{ref:"contextmenu"},{default:t(()=>[n(p,{title:"操作"},{default:t(()=>[n(o,{"hide-on-click":!1,onClick:e[0]||(e[0]=m=>s.extra.push("item"))},{default:t(()=>[...e[5]||(e[5]=[u(" 添加菜单 ",-1)])]),_:1}),n(o,{"hide-on-click":!1,onClick:e[1]||(e[1]=m=>s.extra.push("group"))},{default:t(()=>[...e[6]||(e[6]=[u(" 添加菜单组 ",-1)])]),_:1}),n(o,{"hide-on-click":!1,onClick:e[2]||(e[2]=m=>s.extra.push("submenu"))},{default:t(()=>[...e[7]||(e[7]=[u(" 添加子菜单 ",-1)])]),_:1}),n(o,{"hide-on-click":!1,onClick:e[3]||(e[3]=m=>s.extra.pop())},{default:t(()=>[...e[8]||(e[8]=[u(" 删除 ",-1)])]),_:1})]),_:1}),(l(!0),a(b,null,E(s.extra,(m,i)=>(l(),a(b,{key:i},[n($),m==="group"?(l(),d(p,{key:0,title:`菜单组 ${i+1}`},{default:t(()=>[n(o,null,{default:t(()=>[...e[9]||(e[9]=[u("菜单1",-1)])]),_:1}),n(o,null,{default:t(()=>[...e[10]||(e[10]=[u("菜单2",-1)])]),_:1}),n(o,null,{default:t(()=>[...e[11]||(e[11]=[u("菜单3",-1)])]),_:1})]),_:1},8,["title"])):m==="submenu"?(l(),d(g,{key:1,title:`子菜单 ${i+1}`},{default:t(()=>[n(o,null,{default:t(()=>[...e[12]||(e[12]=[u("菜单1",-1)])]),_:1}),n(o,null,{default:t(()=>[...e[13]||(e[13]=[u("菜单2",-1)])]),_:1}),n(o,null,{default:t(()=>[...e[14]||(e[14]=[u("菜单3",-1)])]),_:1})]),_:1},8,["title"])):(l(),d(o,{key:2},{default:t(()=>[u("菜单 "+F(i+1),1)]),_:2},1024))],64))),128))]),_:1},512)])}const H=I(S,[["render",j],["__scopeId","data-v-ee7579bb"]]);export{H as default};