vue-pure-admin/dist/static/js/menuDynamic-m9bts5mN.js

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