contextmenu.78609959.js 2.6 KB

123
  1. import{e as m,G as h,f as k,o as v,Z as y,w as L,a0 as V,g as o,p as I,q as S,t as M,h as a,l as d,j as i,F as u,Q as b,A as E,z as B,x as $,B as D,T}from"./vue.e266cb73.js";import{_ as W}from"./_plugin-vue_export-helper.c27b6911.js";const j={class:"el-dropdown-menu"},z=["onClick"],A=m({name:"layoutTagsViewContextmenu"}),F=m({...A,props:{dropdown:{type:Object,default:()=>({x:0,y:0})}},emits:["currentContextmenuClick"],setup(p,{expose:f,emit:x}){const n=p,e=h({isShow:!1,dropdownList:[{contextMenuClickId:0,txt:"message.tagsView.refresh",affix:!1,icon:"ele-RefreshRight"},{contextMenuClickId:1,txt:"message.tagsView.close",affix:!1,icon:"ele-Close"},{contextMenuClickId:2,txt:"message.tagsView.closeOther",affix:!1,icon:"ele-CircleClose"},{contextMenuClickId:3,txt:"message.tagsView.closeAll",affix:!1,icon:"ele-FolderDelete"},{contextMenuClickId:4,txt:"message.tagsView.fullscreen",affix:!1,icon:"iconfont icon-fullscreen"}],item:{},arrowLeft:10}),r=k(()=>n.dropdown.x+117>document.documentElement.clientWidth?{x:document.documentElement.clientWidth-117-5,y:n.dropdown.y}:n.dropdown),_=t=>{x("currentContextmenuClick",Object.assign({},{contextMenuClickId:t},e.item))},w=t=>{var c;e.item=t,(c=t.meta)!=null&&c.isAffix?e.dropdownList[1].affix=!0:e.dropdownList[1].affix=!1,l(),setTimeout(()=>{e.isShow=!0},10)},l=()=>{e.isShow=!1};return v(()=>{document.body.addEventListener("click",l)}),y(()=>{document.body.removeEventListener("click",l)}),L(()=>n.dropdown,({x:t})=>{t+117>document.documentElement.clientWidth?e.arrowLeft=117-(document.documentElement.clientWidth-t):e.arrowLeft=10},{deep:!0}),f({openContextmenu:w}),(t,c)=>{const C=V("SvgIcon");return o(),I(T,{name:"el-zoom-in-center",persisted:""},{default:S(()=>[M((o(),a("div",{"aria-hidden":"true",class:"el-dropdown__popper el-popper is-light is-pure custom-contextmenu",role:"tooltip","data-popper-placement":"bottom",style:d(`top: ${r.value.y+5}px;left: ${r.value.x}px;`),key:Math.random()},[i("ul",j,[(o(!0),a(u,null,b(e.dropdownList,(s,g)=>(o(),a(u,null,[s.affix?$("v-if",!0):(o(),a("li",{class:"el-dropdown-menu__item","aria-disabled":"false",tabindex:"-1",key:g,onClick:N=>_(s.contextMenuClickId)},[E(C,{name:s.icon},null,8,["name"]),i("span",null,B(t.$t(s.txt)),1)],8,z))],64))),256))]),i("div",{class:"el-popper__arrow",style:d({left:`${e.arrowLeft}px`})},null,4)],4)),[[D,e.isShow]])]),_:1})}}});const U=W(F,[["__scopeId","data-v-8a79e008"],["__file","C:/Users/89282/Desktop/lechang_storage/lechang_storage/vue-next-admin/src/layout/navBars/tagsView/contextmenu.vue"]]);export{U as default};
  2. //# sourceMappingURL=contextmenu.78609959.js.map