| 12 |
- import{L as m,a2 as g,m as k,l as v,a1 as y,j as L,al as S,o,S as V,T as I,U as b,a,P as d,b as i,F as u,ac as E,Z as M,Y as $,W as B,_ as W,$ as j}from"./vue.e1d8f8c6.js";import{_ as T}from"./index.6661bcf9.js";const z={class:"el-dropdown-menu"},D=["onClick"],F=m({name:"layoutTagsViewContextmenu"}),N=m({...F,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 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=S("SvgIcon");return o(),V(j,{name:"el-zoom-in-center",persisted:""},{default:I(()=>[b((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",z,[(o(!0),a(u,null,E(e.dropdownList,(s,h)=>(o(),a(u,null,[s.affix?B("v-if",!0):(o(),a("li",{class:"el-dropdown-menu__item","aria-disabled":"false",tabindex:"-1",key:h,onClick:O=>_(s.contextMenuClickId)},[M(C,{name:s.icon},null,8,["name"]),i("span",null,$(t.$t(s.txt)),1)],8,D))],64))),256))]),i("div",{class:"el-popper__arrow",style:d({left:`${e.arrowLeft}px`})},null,4)],4)),[[W,e.isShow]])]),_:1})}}});const U=T(N,[["__scopeId","data-v-8a79e008"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/layout/navBars/tagsView/contextmenu.vue"]]);export{U as default};
|
