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

import{C,a as f,b as v,c as x,d as D,e as g}from"./index.esm-rTw4puE3.js";import{d as y,_ as A,e as r,A as E,f as l,k as a,g as k,B as w,i as u,w as t,h as o,F as B,l as I,b as d,t as N}from"./index-yvJsfBgz.js";const V=y({name:"ExampleDynamic",components:{[C.name]:C,[f.name]:f,[v.name]:v,[x.name]:x,[D.name]:D},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,G,L,T,j){const n=r("v-contextmenu-item"),p=r("v-contextmenu-group"),_=r("v-contextmenu-divider"),$=r("v-contextmenu-submenu"),b=r("v-contextmenu"),F=E("contextmenu");return l(),a("div",null,[e[15]||(e[15]=k("p",{class:"mb-2"},"动态菜单",-1)),w((l(),a("div",S,e[4]||(e[4]=[k("code",null,"右键点击此区域",-1)]))),[[F,void 0,"contextmenu"]]),u(b,{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($,{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-a005b502"]]);export{H as default};