1 line
5.5 KiB
JavaScript
1 line
5.5 KiB
JavaScript
System.register(["./vue-legacy-BnJhYd-u.js","./_plugin-vue_export-helper-legacy-DNBbTZ02.js","./index-legacy-Ce-qKpT_.js","./dom-legacy-D-syBzLK.js"],function(e,t){var n,i,a,o,l,d,r,s,u,c,m,p,v,g,h,f,w,x,b,y,k,$,W,_,C,I,M,B,z,E,T,j,F,R,S,L,V,q,A;return e("t",function(e){const t=++A;return W(window,q,n=>{n.detail!==t&&e()}),{notifyOpen:()=>{window.dispatchEvent(new CustomEvent(q,{detail:t}))}}}),{setters:[function(e){n=e.At,i=e.B,a=e.G,o=e.H,l=e.K,d=e.Mt,r=e.Nt,s=e.Tt,u=e.U,c=e.V,m=e.W,p=e.Y,v=e.Z,g=e.at,h=e.bt,f=e.ct,w=e.dt,x=e.g,b=e.it,y=e.j,k=e.kt,$=e.ot,W=e.p,_=e.ut,C=e.vt},function(e){I=e.t},function(e){M=e.v},function(e){B=e.t}],execute:function(){(z=document.createElement("style")).textContent=".menu[data-v-366403b6]{background:var(--Bg-Tertiary);user-select:none;border-radius:12px;padding:6px;display:inline-block;box-shadow:0 4px 16.4px rgba(0,0,0,.1)}.menu-item[data-v-366403b6]{cursor:pointer;height:40px;color:var(--Labels-Primary);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;transition:background-color .3s ease-in-out;display:flex}.menu-item[data-v-366403b6]:hover{background:var(--Fills-F1)}.menu-item.disabled[data-v-366403b6]{opacity:.35;cursor:not-allowed}.menu-item.disabled[data-v-366403b6]:hover{background:0 0}.menu-item-text[data-v-366403b6]{font-size:14px;font-style:normal;font-weight:400}.menu-item-content[data-v-366403b6]{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.menu-item-check[data-v-366403b6]{color:var(--Colors-KMBlue);visibility:hidden;flex-shrink:0}.menu-item-check.active[data-v-366403b6]{visibility:visible}.menu-divider[data-v-366403b6]{padding:4px 0}.menu-divider-line[data-v-366403b6]{background:var(--Separators-S1);width:100%;height:.5px}:root.dark .menu .font-menu-item-image{filter:invert()}\n/*$vite$:1*/",document.head.appendChild(z),e("i",E=e=>"object"==typeof e&&null!==e&&"name"in e&&"label"in e),T={key:0,class:"menu-divider"},j=["onClick"],F={class:"menu-item-content"},R={class:"menu-item-text"},S=v({__name:"Menu",props:{menuList:{},activeMenu:{},scrollIntoView:{type:Boolean},disabled:{type:Boolean}},emits:["click"],setup(e,{emit:t}){const o=e,d=t,c=s();return $(()=>{o.scrollIntoView&&(()=>{const e=c.value?.querySelector(".menu-item.active");e&&B(e,{pos:"center",behavior:"instant"})})()}),(t,s)=>(f(),l("div",{ref_key:"$menuWrapper",ref:c,class:"menu"},[(f(!0),l(i,null,_(e.menuList,(c,p)=>(f(),l(i,{key:p},["divider"===c?(f(),l("div",T,[w(t.$slots,"default",{item:c,index:p},()=>[s[0]||(s[0]=u("div",{class:"menu-divider-line"},null,-1))],!0)])):(f(),l("div",{key:1,class:n(["menu-item",{active:c.value===e.activeMenu,disabled:c.disabled}]),onClick:e=>((e,t)=>{o.disabled||e.disabled||d("click",e.value,t)})(c,e)},[u("div",F,[w(t.$slots,"default",{item:c,index:p},()=>[k(E)(c)?(f(),m(k(M),{key:0,class:"menu-item-icon",name:c.name,width:"16",height:"16"},null,8,["name"])):a("",!0),u("span",R,r(c.label),1)],!0)]),void 0!==e.activeMenu?(f(),m(k(M),{key:0,class:n(["menu-item-check",{active:c.value===e.activeMenu}]),name:"Check",width:"16",height:"16"},null,8,["class"])):a("",!0)],10,j))],64))),128)),w(t.$slots,"extra",{},void 0,!0)],512))}}),e("r",I(S,[["__scopeId","data-v-366403b6"]])),L=1e3/30,V=v({__name:"FloatingContent",props:{open:{type:Boolean},triggerEl:{},options:{default:()=>({})}},emits:["update:open"],setup(e,{emit:t}){const n=e,i=t,r=s(),u=s({});let v=null,k="";const $=o(()=>({teleport:n.options.teleport??!1,placement:n.options.placement??"bottom",offset:n.options.offset??20,align:n.options.align??"center",withinWindow:n.options.withinWindow??!1,zIndex:n.options.zIndex??1e3,matchTriggerWidth:n.options.matchTriggerWidth??!1})),_=o(()=>({position:"fixed",width:$.value.matchTriggerWidth?void 0:"max-content",maxWidth:"100vw",top:"0",left:"0",zIndex:`${$.value.zIndex}`,...u.value}));function I(e,t,n){return Math.max(t,Math.min(e,n))}const M=()=>{if(!n.open||!$.value.teleport)return;const e=n.triggerEl?.getBoundingClientRect();if(!e)return;const t=r.value?.getBoundingClientRect(),i=t?.width??0,a=t?.height??0;let o=function(e,t){if($.value.matchTriggerWidth)return e.left;const{align:n}=$.value;return"start"===n?e.left:"end"===n?e.right-t:e.left+e.width/2-t/2}(e,i),l=function(e,t){const{placement:n,offset:i}=$.value;return"top"===n?e.top-i-t:e.bottom+i}(e,a);$.value.withinWindow&&(o=I(o,0,Math.max(0,window.innerWidth-i)),l=I(l,0,Math.max(0,window.innerHeight-a))),u.value={position:"fixed",width:$.value.matchTriggerWidth?`${e.width}px`:"max-content",maxWidth:"100vw",top:`${l}px`,left:`${o}px`,zIndex:`${$.value.zIndex}`}},B=()=>{const e=n.triggerEl?.getBoundingClientRect();return e?`${e.left},${e.top},${e.width},${e.height}`:""},z=()=>{v&&(window.clearInterval(v),v=null,k="")},E=()=>{z(),n.open&&$.value.teleport&&(k=B(),v=window.setInterval(()=>{const e=B();e&&e!==k&&(k=e,M())},L))},T=async()=>{await b(),M(),await new Promise(e=>requestAnimationFrame(e)),M()};return C(()=>n.open,async e=>{e?(await T(),E()):z()},{immediate:!0}),C(()=>n.options,async()=>{n.open&&(await T(),E())},{deep:!0}),g(z),x(r,M),W(window,"resize",M),W(window,"scroll",M,!0),W(document,"click",e=>{if(!n.open||!$.value.teleport)return;const t=e.target;n.triggerEl?.contains(t)||r.value?.contains(t)||i("update:open",!1)}),(t,n)=>$.value.teleport?(f(),m(c,{key:0,to:"body"},[p(y,{name:"fade"},{default:h(()=>[e.open?(f(),l("div",{key:0,ref_key:"contentRef",ref:r,style:d(_.value)},[w(t.$slots,"default")],4)):a("",!0)]),_:3})])):(f(),m(y,{key:1,name:"fade"},{default:h(()=>[e.open?w(t.$slots,"default",{key:0}):a("",!0)]),_:3}))}}),e("n",V),q="ppt-menu:open",A=0}}}); |