dk-plus
Version:
2 lines (1 loc) • 1.24 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("./index3.js"),f=require("./index4.js"),w=t.defineComponent({name:"Dkcodedisplay",props:u.CodeDisplay,setup(){const e=t.reactive({open:!1,width:0,height:0,isShow:!1,dkCodeDisplayStyleList:{}}),o=t.ref(),d=t.ref(),c=new f.SetPosition(o),l=()=>{t.nextTick(()=>{const i=d.value;e.height=i.children[0].clientHeight,e.width=i.children[0].clientWidth})},r=()=>{t.nextTick(()=>{l(),e.open=!e.open,n(),setTimeout(()=>{c.init(o,e.open)},1e3*.21)})},a=t.computed(()=>e.open?e.height+20+"px":"0px"),p=()=>{e.isShow=!0,n()},h=()=>{e.isShow=!1,n()},n=()=>{e.dkCodeDisplayStyleList={"--dkcodedisplay-text-left":e.isShow?"50%":"52%","--dkcodedisplay-text-opacity":e.isShow?".5":"0.0","--dkcodedisplay-margin-top":e.open?"0":"10px"}};t.nextTick(()=>{n()}),t.onMounted(()=>{l()});const s=()=>{c.init(o,e.open)};return t.watch(()=>e.open,i=>{i?window.addEventListener("scroll",s):window.removeEventListener("scroll",s)}),t.onBeforeUnmount(()=>{window.removeEventListener("scroll",s)}),{...t.toRefs(e),codeHeight:a,handleOpenCode:r,handleMouseEnter:p,handleMouseLeave:h,codeBoxRef:d,codeParentRef:o}}});exports.default=w;