contextmenu.9f757a91.js 2.4 KB

123
  1. import{M as m,a3 as g,p as k,m as y,a2 as v,k as b,am as L,o,T as V,U as I,V as M,a,Q as d,b as i,F as u,ad as S,_ as E,Z as $,X as B,$ as T,a0 as W}from"./vue.aade88c7.js";import{_ as D}from"./index.27cf50e8.js";const F={class:"el-dropdown-menu"},N=["onClick"],O=m({name:"layoutTagsViewContextmenu"}),j=m({...O,props:{dropdown:{type:Object,default:()=>({x:0,y:0})}},emits:["currentContextmenuClick"],setup(p,{expose:f,emit:x}){const n=p,e=g({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 y(()=>{document.body.addEventListener("click",l)}),v(()=>{document.body.removeEventListener("click",l)}),b(()=>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=L("SvgIcon");return o(),V(W,{name:"el-zoom-in-center"},{default:I(()=>[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",F,[(o(!0),a(u,null,S(e.dropdownList,(s,h)=>(o(),a(u,null,[s.affix?B("",!0):(o(),a("li",{class:"el-dropdown-menu__item","aria-disabled":"false",tabindex:"-1",key:h,onClick:z=>_(s.contextMenuClickId)},[E(C,{name:s.icon},null,8,["name"]),i("span",null,$(t.$t(s.txt)),1)],8,N))],64))),256))]),i("div",{class:"el-popper__arrow",style:d({left:`${e.arrowLeft}px`})},null,4)],4)),[[T,e.isShow]])]),_:1})}}});const U=D(j,[["__scopeId","data-v-b988030b"]]);export{U as default};
  2. //# sourceMappingURL=contextmenu.9f757a91.js.map