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

import{C as _,a as p,b as v,c as C,d as f,e as F}from"./index.esm-DnTN005D.js";import{d as y,_ as g,k as m,v as I,e as s,x as i,z as A,m as t,j as e,l as o,F as x,y as E,f as r,t as S,A as w,B as N,g as D}from"./index-DeS8Almj.js";const V=y({name:"ExampleDynamic",components:{[_.name]:_,[p.name]:p,[v.name]:v,[C.name]:C,[f.name]:f},directives:{contextmenu:F},data(){return{extra:[]}},methods:{addItem(u="item"){this.extra.push(u)},removeItem(){this.extra.pop()}}}),k=u=>(w("data-v-a005b502"),u=u(),N(),u),j=k(()=>D("p",{class:"mb-2"},"动态菜单",-1)),z={class:"wrapper"},G=k(()=>D("code",null,"右键点击此区域",-1)),L=[G];function T(u,a,q,H,J,K){const n=m("v-contextmenu-item"),d=m("v-contextmenu-group"),B=m("v-contextmenu-divider"),h=m("v-contextmenu-submenu"),$=m("v-contextmenu"),b=I("contextmenu");return s(),i("div",null,[j,A((s(),i("div",z,L)),[[b,void 0,"contextmenu"]]),t($,{ref:"contextmenu"},{default:e(()=>[t(d,{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(B),l==="group"?(s(),r(d,{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(),r(h,{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(),r(n,{key:2},{default:e(()=>[o("菜单 "+S(c+1),1)]),_:2},1024))],64))),128))]),_:1},512)])}const P=g(V,[["render",T],["__scopeId","data-v-a005b502"]]);export{P as default};