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

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