@vue-dnd-kit/core 1.3.1 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts
CHANGED
|
@@ -144,6 +144,8 @@ declare interface IUseSensorOptions {
|
|
|
144
144
|
};
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
+
export declare type TLayerProps = Pick<IDragElement, 'id' | 'groups' | 'data' | 'node'>;
|
|
148
|
+
|
|
147
149
|
export declare const useDnDStore: () => {
|
|
148
150
|
draggingElements: Ref<Map<HTMLElement | Element, {
|
|
149
151
|
initialHTML: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var te=Object.defineProperty;var ne=(n,e,t)=>e in n?te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var b=(n,e,t)=>ne(n,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),H=require("@vueuse/core"),w=class w{};b(w,"remove",(e,t)=>{if(!e||t===void 0)return;const[a]=e.splice(t,1);return a}),b(w,"insert",(e,t,a)=>{!e||t===void 0||e.splice(t,0,a)}),b(w,"move",(e,t,a,o)=>{if(!e||!a||t===void 0||o===void 0)return;const s=w.remove(e,t);w.insert(a,o,s)}),b(w,"swap",(e,t,a,o)=>{if(!e||!a||t===void 0||o===void 0)return;const s=e[t],u=a[o];e[t]=u,a[o]=s}),b(w,"copy",(e,t,a,o)=>{if(!e||t===void 0||!a||o===void 0)return;const s=e[t];w.insert(a,o,s)}),b(w,"applyTransfer",e=>{var o,s,u,m,i,v,f;const t=e.hovered.element.value,a=e.hovered.zone.value;if(t){const d=(s=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:s.source,l=(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.index,c=e.draggingElements.value.values().next().value,g=(i=c==null?void 0:c.data)==null?void 0:i.index,h=g!==void 0&&l!==void 0&&g>l?1:-1;Array.from(e.draggingElements.value.values()).sort((y,L)=>{var x,_;return h*((((x=y.data)==null?void 0:x.index)||0)-(((_=L.data)==null?void 0:_.index)||0))}).forEach(y=>{var L,x;return w.move((L=y.data)==null?void 0:L.source,(x=y.data)==null?void 0:x.index,d,l)})}else if(a){const d=(f=(v=e.zonesMap.value.get(a))==null?void 0:v.data)==null?void 0:f.source,l=d==null?void 0:d.length;Array.from(e.draggingElements.value.values()).sort((g,h)=>{var E,y;return(((E=h.data)==null?void 0:E.index)||0)-(((y=g.data)==null?void 0:y.index)||0)}).forEach(g=>{var h,E;return w.move((h=g.data)==null?void 0:h.source,(E=g.data)==null?void 0:E.index,d,l)})}}),b(w,"applyCopy",e=>{var o,s,u,m,i,v;const t=e.hovered.element.value,a=e.hovered.zone.value;if(t){const f=(s=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:s.source,d=(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.index;Array.from(e.draggingElements.value.values()).sort((c,g)=>{var h,E;return(((h=g.data)==null?void 0:h.index)||0)-(((E=c.data)==null?void 0:E.index)||0)}).forEach(c=>{var g,h;return w.copy((g=c.data)==null?void 0:g.source,(h=c.data)==null?void 0:h.index,f,d)})}else if(a){const f=(v=(i=e.zonesMap.value.get(a))==null?void 0:i.data)==null?void 0:v.source,d=f==null?void 0:f.length;Array.from(e.draggingElements.value.values()).sort((c,g)=>{var h,E;return(((h=g.data)==null?void 0:h.index)||0)-(((E=c.data)==null?void 0:E.index)||0)}).forEach(c=>{var g,h;return w.copy((g=c.data)==null?void 0:g.source,(h=c.data)==null?void 0:h.index,f,d)})}}),b(w,"applySwap",e=>{var o,s,u,m,i,v,f,d;const t=e.hovered.element.value,a=e.hovered.zone.value;if(t&&e.draggingElements.value.size===1){const l=e.draggingElements.value.values().next().value;w.swap((o=l==null?void 0:l.data)==null?void 0:o.source,(s=l==null?void 0:l.data)==null?void 0:s.index,(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.source,(v=(i=e.elementsMap.value.get(t))==null?void 0:i.data)==null?void 0:v.index)}else if(a){const l=(d=(f=e.zonesMap.value.get(a))==null?void 0:f.data)==null?void 0:d.source,c=l==null?void 0:l.length;Array.from(e.draggingElements.value.values()).sort((h,E)=>{var y,L;return(((y=E.data)==null?void 0:y.index)||0)-(((L=h.data)==null?void 0:L.index)||0)}).forEach(h=>{var E,y;return w.move((E=h.data)==null?void 0:E.source,(y=h.data)==null?void 0:y.index,l,c)})}}),b(w,"applyRemove",e=>{Array.from(e.draggingElements.value.values()).sort((a,o)=>{var s,u;return(((s=o.data)==null?void 0:s.index)||0)-(((u=a.data)==null?void 0:u.index)||0)}).forEach(a=>{var o,s;(o=a.data)!=null&&o.source&&((s=a.data)==null?void 0:s.index)!==void 0&&w.remove(a.data.source,a.data.index)})}),b(w,"applyInsert",(e,t)=>{var s,u,m,i,v,f;const a=e.hovered.element.value,o=e.hovered.zone.value;if(a&&t.length>0){const d=(u=(s=e.elementsMap.value.get(a))==null?void 0:s.data)==null?void 0:u.source,l=(i=(m=e.elementsMap.value.get(a))==null?void 0:m.data)==null?void 0:i.index;t.forEach(c=>{w.insert(d,l,c)})}else if(o){const d=(f=(v=e.zonesMap.value.get(o))==null?void 0:v.data)==null?void 0:f.source,l=d==null?void 0:d.length;t.forEach(c=>{w.insert(d,l,c)})}});let X=w;const z=H.createGlobalState(()=>{const n=r.ref(new Map),e=r.computed(()=>n.value.size>0),t={component:r.ref(null),ref:r.shallowRef(null),options:r.shallowRef(null)},a=r.ref(new Map),o=r.ref(new Set),s=r.ref(new Map),u=r.ref(new Set),m=r.ref(new Set),i=new IntersectionObserver(B=>{B.forEach(p=>m.value[p.isIntersecting?"add":"delete"](p.target))}),v=new IntersectionObserver(B=>{B.forEach(p=>u.value[p.isIntersecting?"add":"delete"](p.target))}),f=(B,p)=>{B==="add"?i.observe(p):(i.unobserve(p),m.value.delete(p))},d=(B,p)=>{B==="add"?v.observe(p):(v.unobserve(p),u.value.delete(p))},l={start:r.shallowRef(null),current:r.shallowRef(null),offset:{percent:r.shallowRef(null),pixel:r.shallowRef(null)}},{w:c,s:g,a:h,d:E,ctrl:y,shift:L,alt:x,meta:_}=H.useMagicKeys(),V={zone:r.shallowRef(null),element:r.shallowRef(null)};return{draggingElements:n,isDragging:e,activeContainer:t,elementsMap:a,selectedElements:o,zonesMap:s,visibleZones:u,visibleElements:m,pointerPosition:l,keyboard:{w:c,s:g,a:h,d:E,ctrl:y,shift:L,alt:x,meta:_},hovered:V,handleDragElementIntersection:f,handleDropZoneIntersection:d}}),ee=n=>{const e=r.ref(null),{draggingElements:t,pointerPosition:a,isDragging:o,activeContainer:s}=z();return r.onMounted(()=>{s.ref=e,s.options.value=n??null}),r.onUnmounted(()=>{s.ref.value=null,s.options.value=null}),{elementRef:e,draggingElements:t,pointerPosition:a,isDragging:o}},re=["innerHTML"],ae=r.defineComponent({__name:"DefaultOverlay",setup(n){const{elementRef:e,pointerPosition:t,isDragging:a,draggingElements:o}=ee(),s=r.computed(()=>{var u,m,i,v;return{transform:`translate3d(${(((u=t.current.value)==null?void 0:u.x)??0)-(((m=t.offset.pixel.value)==null?void 0:m.x)??0)}px, ${(((i=t.current.value)==null?void 0:i.y)??0)-(((v=t.offset.pixel.value)==null?void 0:v.y)??0)}px, 0)`,zIndex:1e3,position:"fixed",top:0,left:0,transition:"0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"}});return(u,m)=>r.unref(a)?(r.openBlock(),r.createElementBlock("div",{key:0,ref_key:"elementRef",ref:e,style:r.normalizeStyle(s.value)},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(r.unref(o),([i,v])=>{var f,d;return r.openBlock(),r.createElementBlock("div",{key:v.id,innerHTML:v.initialHTML,style:r.normalizeStyle({width:`${(f=v.initialRect)==null?void 0:f.width}px`,height:`${(d=v.initialRect)==null?void 0:d.height}px`})},null,12,re)}),128))],4)):r.createCommentVNode("",!0)}}),G=r.defineComponent({__name:"DragOverlay",setup(n){const{activeContainer:e}=z(),t=r.computed(()=>e.component.value??ae);return(a,o)=>r.unref(e).options.value?(r.openBlock(),r.createBlock(r.Transition,{key:0,name:r.unref(e).options.value.name,duration:r.unref(e).options.value.duration,"enter-from-class":r.unref(e).options.value.enterFromClass,"enter-to-class":r.unref(e).options.value.enterToClass,"enter-active-class":r.unref(e).options.value.enterActiveClass,"leave-from-class":r.unref(e).options.value.leaveFromClass,"leave-to-class":r.unref(e).options.value.leaveToClass,"leave-active-class":r.unref(e).options.value.leaveActiveClass,"appear-active-class":r.unref(e).options.value.appearActiveClass,"appear-from-class":r.unref(e).options.value.appearFromClass,"appear-to-class":r.unref(e).options.value.appearToClass,mode:r.unref(e).options.value.mode,type:r.unref(e).options.value.type,css:r.unref(e).options.value.css,appear:!0,persisted:r.unref(e).options.value.persisted,onEnter:r.unref(e).options.value.onEnter,onLeave:r.unref(e).options.value.onLeave,onBeforeEnter:r.unref(e).options.value.onBeforeEnter,onBeforeLeave:r.unref(e).options.value.onBeforeLeave,onBeforeAppear:r.unref(e).options.value.onBeforeAppear,onAfterEnter:r.unref(e).options.value.onAfterEnter,onAfterLeave:r.unref(e).options.value.onAfterLeave,onAfterAppear:r.unref(e).options.value.onAfterAppear},{default:r.withCtx(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.value)))]),_:1},8,["name","duration","enter-from-class","enter-to-class","enter-active-class","leave-from-class","leave-to-class","leave-active-class","appear-active-class","appear-from-class","appear-to-class","mode","type","css","persisted","onEnter","onLeave","onBeforeEnter","onBeforeLeave","onBeforeAppear","onAfterEnter","onAfterLeave","onAfterAppear"])):(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.value),{key:1}))}}),le={install(n){n.component("DragOverlay",G);const e=n.mount;n.mount=function(a){const o=e.call(this,a),s=typeof a=="string"?document.querySelector(a):a;if(s&&s instanceof Element&&!s.querySelector("#vue-dnd-kit-overlay")){const u=document.createElement("div");u.id="vue-dnd-kit-overlay",u.style.pointerEvents="none",s.appendChild(u);const m=r.createVNode(G);r.render(m,u),n.__VUE_DND_KIT_OVERLAY__={container:u,vnode:m};const i=z();n.__VUE_DND_KIT_STORE__=i}return o};const t=n.unmount;n.unmount=function(){return n.__VUE_DND_KIT_OVERLAY__&&(r.render(null,n.__VUE_DND_KIT_OVERLAY__.container),delete n.__VUE_DND_KIT_OVERLAY__),t.call(this)}}},j=(n,e)=>n.x<e.x+e.width&&n.x+n.width>e.x&&n.y<e.y+e.height&&n.y+n.height>e.y,Z=n=>{if(!n)return{x:0,y:0,width:0,height:0,bottom:0,left:0,right:0,top:0};const e=n.getBoundingClientRect();return{bottom:e.bottom,left:e.left,right:e.right,top:e.top,x:e.x,y:e.y,width:e.width,height:e.height}},F=n=>({x:n.x+n.width/2,y:n.y+n.height/2}),oe=(n,e)=>{const t=Z(n);return{pixel:{x:e.x-t.x,y:e.y-t.y},percent:{x:(e.x-t.x)/t.width*100,y:(e.y-t.y)/t.height*100}}},J=(n,e)=>{const t=e.x-n.x,a=e.y-n.y;return Math.sqrt(t*t+a*a)},Q=(n,e)=>{const t=Math.max(0,Math.min(n.x+n.width,e.x+e.width)-Math.max(n.x,e.x)),a=Math.max(0,Math.min(n.y+n.height,e.y+e.height)-Math.max(n.y,e.y)),o=t*a,s=n.width*n.height,u=e.width*e.height;return(o/s*100+o/u*100)/2},W="data-vue-dnd-kit-draggable",C=n=>{n.preventDefault()},R=n=>({items:Array.from(n.draggingElements.value.values())}),se=n=>{const{elementsMap:e,draggingElements:t,hovered:a,selectedElements:o,isDragging:s,visibleElements:u,handleDragElementIntersection:m}=z(),i=r.ref(null),v=r.computed(()=>u.value.has(i.value)&&a.element.value===i.value),f=r.shallowRef((n==null?void 0:n.id)||r.useId()),d=r.computed(()=>!i.value||!u.value.has(i.value)?!1:t.value.has(i.value)),l=r.computed(()=>{if(!i.value||!s.value||!u.value.has(i.value))return!1;const h=e.value.get(i.value);return h!=null&&h.groups.length?!Array.from(t.value.entries()).some(([E,y])=>y.groups.length?!y.groups.some(L=>h.groups.includes(L)):!1):!0});return{elementRef:i,registerElement:()=>{if(!i.value)throw new Error("ElementRef is not set");e.value.set(i.value,{node:i.value,groups:(n==null?void 0:n.groups)??[],layer:(n==null?void 0:n.layer)??null,defaultLayer:(n==null?void 0:n.layer)??null,events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??null,id:f.value}),m("add",i.value),i.value.addEventListener("dragstart",C),i.value.addEventListener("drag",C),i.value.setAttribute(W,"true"),i.value.setAttribute("draggable","false")},unregisterElement:()=>{i.value&&(e.value.delete(i.value),o.value.delete(i.value),i.value.removeEventListener("dragstart",C),i.value.removeEventListener("drag",C),i.value.removeAttribute(W),i.value.removeAttribute("draggable"))},isDragging:d,isOvered:v,isAllowed:l,id:f}},T=(n,e)=>n?e.contains(n):!1,ue=n=>{var f,d;const e=Z(n.activeContainer.ref.value),t=F(e),a=((f=n.pointerPosition.current.value)==null?void 0:f.x)??0,o=((d=n.pointerPosition.current.value)==null?void 0:d.y)??0,u=!(e&&a>=e.x&&a<=e.x+e.width&&o>=e.y&&o<=e.y+e.height),m=Array.from(n.draggingElements.value.keys()),i=Array.from(n.visibleElements.value.entries()).filter(([l,c])=>{if(!l)return!1;const g=Z(l);return g&&e&&j(g,e)}).map(([l,c])=>{const g=Z(l),h=F(g),E=a>=g.x&&a<=g.x+g.width&&o>=g.y&&o<=g.y+g.height,y=Q(g,e),L=J(t,h);let x=0;for(const[_,V]of n.visibleElements.value.entries())_!==l&&_&&l&&T(l,_)&&x++;return{element:c,node:l,isPointerInElement:E,overlapPercent:y,depth:x,centerDistance:L}}).sort((l,c)=>{if(!u){if(l.isPointerInElement&&c.isPointerInElement)return c.depth-l.depth;if(l.isPointerInElement!==c.isPointerInElement)return l.isPointerInElement?-1:1}return Math.abs(l.overlapPercent-c.overlapPercent)<=1?l.centerDistance-c.centerDistance:c.overlapPercent-l.overlapPercent}),v=Array.from(n.visibleZones.value.entries()).filter(([l,c])=>{if(!l||m.some(h=>h&&T(l,h)))return!1;const g=Z(l);return g&&e&&j(g,e)}).map(([l,c])=>{const g=Z(l),h=F(g),E=a>=g.x&&a<=g.x+g.width&&o>=g.y&&o<=g.y+g.height,y=Q(g,e),L=J(t,h);let x=0;for(const[_,V]of n.visibleZones.value.entries())_!==l&&_&&l&&T(l,_)&&x++;return{zone:c,node:l,isPointerInElement:E,overlapPercent:y,depth:x,centerDistance:L}}).sort((l,c)=>{if(!u){if(l.isPointerInElement&&c.isPointerInElement)return c.depth-l.depth;if(l.isPointerInElement!==c.isPointerInElement)return l.isPointerInElement?-1:1}return Math.abs(l.overlapPercent-c.overlapPercent)<=1?l.centerDistance-c.centerDistance:c.overlapPercent-l.overlapPercent});return[...i.map(l=>l.node),...v.map(l=>l.node)]},ie=(n,e)=>{const{pointerPosition:t,keyboard:a}=z(),o=(e==null?void 0:e.moveStep)||10;return{onKeyboardStart:i=>{var l;C(i);const v=Z(n.value);(l=n.value)==null||l.blur();const f=v.x+v.width/2,d=v.y+v.height/2;t.start.value={x:f,y:d},t.current.value={x:f,y:d},t.offset.pixel.value={x:v.width/2,y:v.height/2},t.offset.percent.value={x:50,y:50}},onKeyboardMove:()=>{if(!t.current.value)return;const i=t.current.value.x,v=t.current.value.y;let f=i,d=v;a.w.value&&(d-=o),a.s.value&&(d+=o),a.a.value&&(f-=o),a.d.value&&(f+=o),t.current.value={x:f,y:d}},onKeyboardEnd:()=>{t.current.value=null,t.start.value=null,t.offset.pixel.value=null,t.offset.percent.value=null}}},ce=n=>{const e=z();return{onPointerStart:s=>{e.pointerPosition.start.value={x:s.clientX,y:s.clientY},e.pointerPosition.current.value={x:s.clientX,y:s.clientY};const{pixel:u,percent:m}=oe(n.value,{x:s.clientX,y:s.clientY});e.pointerPosition.offset.pixel.value=u,e.pointerPosition.offset.percent.value=m},onPointerMove:s=>{e.pointerPosition.current.value={x:s.clientX,y:s.clientY}},onPointerEnd:()=>{e.pointerPosition.current.value=null,e.pointerPosition.start.value=null,e.pointerPosition.offset.pixel.value=null,e.pointerPosition.offset.percent.value=null}}},ve=(n,e)=>{var V,B;const t=z(),{onPointerStart:a,onPointerMove:o,onPointerEnd:s}=ce(n),{onKeyboardStart:u,onKeyboardMove:m,onKeyboardEnd:i}=ie(n,e==null?void 0:e.keyboard);let v=null;const f=p=>{var I,A;if(!p)return new Map;const S=t.selectedElements.value.has(p);if(t.selectedElements.value.size>0&&S){const D=new Map;return t.selectedElements.value.forEach(k=>{var O,U;const K=t.elementsMap.value.get(k);K&&D.set(k,{...K,initialHTML:((O=K.node)==null?void 0:O.outerHTML)??"",initialRect:(U=K.node)==null?void 0:U.getBoundingClientRect()})}),D}t.selectedElements.value.clear();const P=t.elementsMap.value.get(p);if(!P)return new Map;const M=new Map;return M.set(p,{...P,initialHTML:((I=P.node)==null?void 0:I.outerHTML)??"",initialRect:(A=P.node)==null?void 0:A.getBoundingClientRect()}),M},d=p=>{if(!p)return{element:null,zone:null};const S=Array.isArray(p)?p:[p],P=Array.from(t.draggingElements.value.keys()),M=S.find(A=>{if(!t.visibleZones.value.has(A))return!1;const D=t.zonesMap.value.get(A);return!(!D||P.some(k=>k&&(k===D.node||T(D.node,k)))||D.groups.length&&!!Array.from(t.draggingElements.value.values()).some(K=>K.groups.length?!K.groups.some(O=>D.groups.includes(O)):!1))});return M?{element:S.find(A=>t.visibleElements.value.has(A)&&t.elementsMap.value.has(A)&&!P.some(D=>D&&(D===A||T(A,D)||T(D,A)))&&(A===M||T(A,M)))||null,zone:M}:{element:null,zone:null}},l=((V=e==null?void 0:e.sensor)==null?void 0:V.setup)||ue,c=p=>{var M,I,A,D,k,K,O,U,N,q,Y,$;const S=t.hovered.element.value,P=t.hovered.zone.value;t.hovered.element.value=p.element,t.hovered.zone.value=p.zone,S&&t.hovered.element.value!==S&&((A=(I=(M=t.elementsMap.value.get(S))==null?void 0:M.events)==null?void 0:I.onLeave)==null||A.call(I,t,R(t)),t.hovered.element.value&&((K=(k=(D=t.elementsMap.value.get(t.hovered.element.value))==null?void 0:D.events)==null?void 0:k.onHover)==null||K.call(k,t,R(t)))),P&&t.hovered.zone.value!==P&&((N=(U=(O=t.zonesMap.value.get(P))==null?void 0:O.events)==null?void 0:U.onLeave)==null||N.call(U,t,R(t)),t.hovered.zone.value&&(($=(Y=(q=t.zonesMap.value.get(t.hovered.zone.value))==null?void 0:q.events)==null?void 0:Y.onHover)==null||$.call(Y,t,R(t))))},g=H.useThrottleFn(()=>{const p=l(t),S=d(p);c(S)},((B=e==null?void 0:e.sensor)==null?void 0:B.throttle)??0),h=()=>{g(),v=requestAnimationFrame(h)},E=()=>h(),y=()=>{v!==null&&(cancelAnimationFrame(v),v=null)};return{activate:p=>{t.draggingElements.value=f(n.value),t.draggingElements.value.forEach(S=>{var P,M;return(M=(P=S.events).onStart)==null?void 0:M.call(P,t,R(t))}),p instanceof PointerEvent?a(p):u(p),E()},track:p=>{t.draggingElements.value.forEach(S=>{var P,M;return(M=(P=S.events).onMove)==null?void 0:M.call(P,t,R(t))}),p instanceof KeyboardEvent?m():o(p)},deactivate:(p=!0)=>{var S,P;if(s(),i(),p){if(t.hovered.zone.value){const M=t.zonesMap.value.get(t.hovered.zone.value);(P=M==null?void 0:(S=M.events).onDrop)==null||P.call(S,t,R(t))}else t.draggingElements.value.forEach(M=>{var I,A;return(A=(I=M.events).onEnd)==null?void 0:A.call(I,t,R(t))});t.selectedElements.value.clear()}t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,y()}}},de=H.createGlobalState(()=>{let n="",e="",t="",a=null,o=null,s=null,u=null,m=null;const{activeContainer:i}=z(),v=()=>{const c=document.body;n=c.style.userSelect,c.style.userSelect="none",window.addEventListener("contextmenu",C),window.addEventListener("selectstart",C),window.addEventListener("touchstart",C),window.addEventListener("touchmove",C)},f=()=>{const c=document.body;c.style.userSelect=n,c.style.touchAction=e,c.style.overscrollBehavior=t,window.removeEventListener("contextmenu",C),window.removeEventListener("selectstart",C),window.removeEventListener("touchstart",C),window.removeEventListener("touchmove",C)},d=()=>{a&&(document.removeEventListener("pointermove",a),a=null),o&&(document.removeEventListener("pointerup",o),o=null),s&&(s=null),u&&(document.removeEventListener("wheel",u),u=null),m&&(document.removeEventListener("keydown",m),document.removeEventListener("keypress",m),document.removeEventListener("keyup",m),m=null)};return{handleDragStart:(c,g,h)=>{d(),c.target.blur(),h!=null&&h.container&&(i.component.value=r.markRaw(h.container));const{activate:E,track:y,deactivate:L}=ve(g,h);o=()=>{i.component.value=null,f(),L(!0),d()},s=()=>{i.component.value=null,f(),L(!1),d()},a=x=>y(x),u=x=>y(x),m=x=>{x.type==="keyup"&&(x.code==="Escape"&&(s==null||s()),x.code==="Enter"&&(o==null||o())),y(x)},v(),E(c),document.addEventListener("pointermove",a),document.addEventListener("pointerup",o),document.addEventListener("wheel",u),document.addEventListener("keydown",m),document.addEventListener("keypress",m),document.addEventListener("keyup",m)}}}),fe=n=>{const{id:e,elementRef:t,isDragging:a,isOvered:o,isAllowed:s,registerElement:u,unregisterElement:m}=se(n),{pointerPosition:i}=z(),{handleDragStart:v}=de(),f=d=>v(d,t,n);return r.onMounted(u),r.onBeforeUnmount(m),{pointerPosition:i,elementRef:t,isDragging:a,isOvered:o,isAllowed:s,handleDragStart:f,id:e}},ge=n=>{const{zonesMap:e,hovered:t,draggingElements:a,isDragging:o,handleDropZoneIntersection:s}=z(),u=r.ref(null),m=r.computed(()=>t.zone.value===u.value),i=r.computed(()=>{if(!u.value||!o.value)return!1;const d=e.value.get(u.value);return d!=null&&d.groups.length?!Array.from(a.value.values()).some(l=>l.groups.length?!l.groups.some(c=>d.groups.includes(c)):!1):!0});return{elementRef:u,registerZone:()=>{if(!u.value)throw new Error("elementRef is not set");s("add",u.value),e.value.set(u.value,{node:u.value,groups:(n==null?void 0:n.groups)??[],events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??void 0}),u.value.setAttribute("data-dnd-droppable","true")},unregisterZone:()=>{u.value&&(s("remove",u.value),e.value.delete(u.value))},isOvered:m,isAllowed:i}},me=n=>{const{elementRef:e,registerZone:t,unregisterZone:a,isOvered:o,isAllowed:s}=ge(n);return r.onMounted(t),r.onBeforeUnmount(a),{elementRef:e,isOvered:o,isAllowed:s}},he=n=>{const{selectedElements:e,elementsMap:t}=z(),a=r.computed(()=>n.value?e.value.has(n.value):!1),o=r.computed(()=>{if(!n.value)return!1;for(const v of e.value)if(v&&T(v,n.value))return!0;return!1}),s=r.computed(()=>{if(!n.value)return!1;for(const v of e.value)if(v&&T(n.value,v))return!0;return!1}),u=()=>{n.value&&e.value.delete(n.value)},m=()=>{if(!(!n.value||!t.value.get(n.value))){if(o.value)for(const f of e.value)f&&T(f,n.value)&&e.value.delete(f);if(s.value)for(const f of e.value)f&&T(n.value,f)&&e.value.delete(f);e.value.add(n.value)}};return{handleUnselect:u,handleSelect:m,handleToggleSelect:()=>{n.value&&(e.value.has(n.value)?u():m())},isSelected:a,isParentOfSelected:o}};exports.DnDOperations=X;exports.default=le;exports.getBoundingBox=Z;exports.useDnDStore=z;exports.useDragContainer=ee;exports.useDraggable=fe;exports.useDroppable=me;exports.useSelection=he;
|
|
1
|
+
"use strict";var re=Object.defineProperty;var ae=(n,e,t)=>e in n?re(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var z=(n,e,t)=>ae(n,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),F=require("@vueuse/core"),x=class x{};z(x,"remove",(e,t)=>{if(!e||t===void 0)return;const[a]=e.splice(t,1);return a}),z(x,"insert",(e,t,a)=>{!e||t===void 0||e.splice(t,0,a)}),z(x,"move",(e,t,a,l)=>{if(!e||!a||t===void 0||l===void 0)return;const s=x.remove(e,t);x.insert(a,l,s)}),z(x,"swap",(e,t,a,l)=>{if(!e||!a||t===void 0||l===void 0)return;const s=e[t],u=a[l];e[t]=u,a[l]=s}),z(x,"copy",(e,t,a,l)=>{if(!e||t===void 0||!a||l===void 0)return;const s=e[t];x.insert(a,l,s)}),z(x,"applyTransfer",e=>{var l,s,u,m,i,c,f;const t=e.hovered.element.value,a=e.hovered.zone.value;if(t){const d=(s=(l=e.elementsMap.value.get(t))==null?void 0:l.data)==null?void 0:s.source,o=(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.index,v=e.draggingElements.value.values().next().value,g=(i=v==null?void 0:v.data)==null?void 0:i.index,p=g!==void 0&&o!==void 0&&g>o?1:-1;Array.from(e.draggingElements.value.values()).sort((y,L)=>{var M,D;return p*((((M=y.data)==null?void 0:M.index)||0)-(((D=L.data)==null?void 0:D.index)||0))}).forEach(y=>{var L,M;return x.move((L=y.data)==null?void 0:L.source,(M=y.data)==null?void 0:M.index,d,o)})}else if(a){const d=(f=(c=e.zonesMap.value.get(a))==null?void 0:c.data)==null?void 0:f.source,o=d==null?void 0:d.length;Array.from(e.draggingElements.value.values()).sort((g,p)=>{var E,y;return(((E=p.data)==null?void 0:E.index)||0)-(((y=g.data)==null?void 0:y.index)||0)}).forEach(g=>{var p,E;return x.move((p=g.data)==null?void 0:p.source,(E=g.data)==null?void 0:E.index,d,o)})}}),z(x,"applyCopy",e=>{var l,s,u,m,i,c;const t=e.hovered.element.value,a=e.hovered.zone.value;if(t){const f=(s=(l=e.elementsMap.value.get(t))==null?void 0:l.data)==null?void 0:s.source,d=(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.index;Array.from(e.draggingElements.value.values()).sort((v,g)=>{var p,E;return(((p=g.data)==null?void 0:p.index)||0)-(((E=v.data)==null?void 0:E.index)||0)}).forEach(v=>{var g,p;return x.copy((g=v.data)==null?void 0:g.source,(p=v.data)==null?void 0:p.index,f,d)})}else if(a){const f=(c=(i=e.zonesMap.value.get(a))==null?void 0:i.data)==null?void 0:c.source,d=f==null?void 0:f.length;Array.from(e.draggingElements.value.values()).sort((v,g)=>{var p,E;return(((p=g.data)==null?void 0:p.index)||0)-(((E=v.data)==null?void 0:E.index)||0)}).forEach(v=>{var g,p;return x.copy((g=v.data)==null?void 0:g.source,(p=v.data)==null?void 0:p.index,f,d)})}}),z(x,"applySwap",e=>{var l,s,u,m,i,c,f,d;const t=e.hovered.element.value,a=e.hovered.zone.value;if(t&&e.draggingElements.value.size===1){const o=e.draggingElements.value.values().next().value;x.swap((l=o==null?void 0:o.data)==null?void 0:l.source,(s=o==null?void 0:o.data)==null?void 0:s.index,(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.source,(c=(i=e.elementsMap.value.get(t))==null?void 0:i.data)==null?void 0:c.index)}else if(a){const o=(d=(f=e.zonesMap.value.get(a))==null?void 0:f.data)==null?void 0:d.source,v=o==null?void 0:o.length;Array.from(e.draggingElements.value.values()).sort((p,E)=>{var y,L;return(((y=E.data)==null?void 0:y.index)||0)-(((L=p.data)==null?void 0:L.index)||0)}).forEach(p=>{var E,y;return x.move((E=p.data)==null?void 0:E.source,(y=p.data)==null?void 0:y.index,o,v)})}}),z(x,"applyRemove",e=>{Array.from(e.draggingElements.value.values()).sort((a,l)=>{var s,u;return(((s=l.data)==null?void 0:s.index)||0)-(((u=a.data)==null?void 0:u.index)||0)}).forEach(a=>{var l,s;(l=a.data)!=null&&l.source&&((s=a.data)==null?void 0:s.index)!==void 0&&x.remove(a.data.source,a.data.index)})}),z(x,"applyInsert",(e,t)=>{var s,u,m,i,c,f;const a=e.hovered.element.value,l=e.hovered.zone.value;if(a&&t.length>0){const d=(u=(s=e.elementsMap.value.get(a))==null?void 0:s.data)==null?void 0:u.source,o=(i=(m=e.elementsMap.value.get(a))==null?void 0:m.data)==null?void 0:i.index;t.forEach(v=>{x.insert(d,o,v)})}else if(l){const d=(f=(c=e.zonesMap.value.get(l))==null?void 0:c.data)==null?void 0:f.source,o=d==null?void 0:d.length;t.forEach(v=>{x.insert(d,o,v)})}});let N=x;const _=F.createGlobalState(()=>{const n=r.ref(new Map),e=r.computed(()=>n.value.size>0),t={component:r.ref(null),ref:r.shallowRef(null),options:r.shallowRef(null)},a=r.ref(new Map),l=r.ref(new Set),s=r.ref(new Map),u=r.ref(new Set),m=r.ref(new Set),i=new IntersectionObserver(B=>{B.forEach(h=>m.value[h.isIntersecting?"add":"delete"](h.target))}),c=new IntersectionObserver(B=>{B.forEach(h=>u.value[h.isIntersecting?"add":"delete"](h.target))}),f=(B,h)=>{B==="add"?i.observe(h):(i.unobserve(h),m.value.delete(h))},d=(B,h)=>{B==="add"?c.observe(h):(c.unobserve(h),u.value.delete(h))},o={start:r.shallowRef(null),current:r.shallowRef(null),offset:{percent:r.shallowRef(null),pixel:r.shallowRef(null)}},{w:v,s:g,a:p,d:E,ctrl:y,shift:L,alt:M,meta:D}=F.useMagicKeys(),U={zone:r.shallowRef(null),element:r.shallowRef(null)};return{draggingElements:n,isDragging:e,activeContainer:t,elementsMap:a,selectedElements:l,zonesMap:s,visibleZones:u,visibleElements:m,pointerPosition:o,keyboard:{w:v,s:g,a:p,d:E,ctrl:y,shift:L,alt:M,meta:D},hovered:U,handleDragElementIntersection:f,handleDropZoneIntersection:d}}),ne=n=>{const e=r.ref(null),{draggingElements:t,pointerPosition:a,isDragging:l,activeContainer:s}=_();return r.onMounted(()=>{s.ref=e,s.options.value=n??null}),r.onUnmounted(()=>{s.ref.value=null,s.options.value=null}),{elementRef:e,draggingElements:t,pointerPosition:a,isDragging:l}},oe=["innerHTML"],le=r.defineComponent({__name:"DefaultOverlay",setup(n){const{elementRef:e,pointerPosition:t,isDragging:a,draggingElements:l}=ne(),s=r.computed(()=>{var u,m,i,c;return{transform:`translate3d(${(((u=t.current.value)==null?void 0:u.x)??0)-(((m=t.offset.pixel.value)==null?void 0:m.x)??0)}px, ${(((i=t.current.value)==null?void 0:i.y)??0)-(((c=t.offset.pixel.value)==null?void 0:c.y)??0)}px, 0)`,zIndex:1e3,position:"fixed",top:0,left:0,transition:"0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"}});return(u,m)=>r.unref(a)?(r.openBlock(),r.createElementBlock("div",{key:0,ref_key:"elementRef",ref:e,style:r.normalizeStyle(s.value)},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(r.unref(l),([i,c])=>{var f,d;return r.openBlock(),r.createElementBlock(r.Fragment,{key:c.id},[c.layer?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(c.layer),{key:0,node:i,data:c.data,id:c.id,groups:c.groups},null,8,["node","data","id","groups"])):(r.openBlock(),r.createElementBlock("div",{key:1,innerHTML:c.initialHTML,style:r.normalizeStyle({width:`${(f=c.initialRect)==null?void 0:f.width}px`,height:`${(d=c.initialRect)==null?void 0:d.height}px`})},null,12,oe))],64)}),128))],4)):r.createCommentVNode("",!0)}}),J=r.defineComponent({__name:"DragOverlay",setup(n){const{activeContainer:e}=_(),t=r.computed(()=>e.component.value??le);return(a,l)=>r.unref(e).options.value?(r.openBlock(),r.createBlock(r.Transition,{key:0,name:r.unref(e).options.value.name,duration:r.unref(e).options.value.duration,"enter-from-class":r.unref(e).options.value.enterFromClass,"enter-to-class":r.unref(e).options.value.enterToClass,"enter-active-class":r.unref(e).options.value.enterActiveClass,"leave-from-class":r.unref(e).options.value.leaveFromClass,"leave-to-class":r.unref(e).options.value.leaveToClass,"leave-active-class":r.unref(e).options.value.leaveActiveClass,"appear-active-class":r.unref(e).options.value.appearActiveClass,"appear-from-class":r.unref(e).options.value.appearFromClass,"appear-to-class":r.unref(e).options.value.appearToClass,mode:r.unref(e).options.value.mode,type:r.unref(e).options.value.type,css:r.unref(e).options.value.css,appear:!0,persisted:r.unref(e).options.value.persisted,onEnter:r.unref(e).options.value.onEnter,onLeave:r.unref(e).options.value.onLeave,onBeforeEnter:r.unref(e).options.value.onBeforeEnter,onBeforeLeave:r.unref(e).options.value.onBeforeLeave,onBeforeAppear:r.unref(e).options.value.onBeforeAppear,onAfterEnter:r.unref(e).options.value.onAfterEnter,onAfterLeave:r.unref(e).options.value.onAfterLeave,onAfterAppear:r.unref(e).options.value.onAfterAppear},{default:r.withCtx(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.value)))]),_:1},8,["name","duration","enter-from-class","enter-to-class","enter-active-class","leave-from-class","leave-to-class","leave-active-class","appear-active-class","appear-from-class","appear-to-class","mode","type","css","persisted","onEnter","onLeave","onBeforeEnter","onBeforeLeave","onBeforeAppear","onAfterEnter","onAfterLeave","onAfterAppear"])):(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.value),{key:1}))}}),se={install(n){n.component("DragOverlay",J);const e=n.mount;n.mount=function(a){const l=e.call(this,a),s=typeof a=="string"?document.querySelector(a):a;if(s&&s instanceof Element&&!s.querySelector("#vue-dnd-kit-overlay")){const u=document.createElement("div");u.id="vue-dnd-kit-overlay",u.style.pointerEvents="none",s.appendChild(u);const m=r.createVNode(J);r.render(m,u),n.__VUE_DND_KIT_OVERLAY__={container:u,vnode:m};const i=_();n.__VUE_DND_KIT_STORE__=i}return l};const t=n.unmount;n.unmount=function(){return n.__VUE_DND_KIT_OVERLAY__&&(r.render(null,n.__VUE_DND_KIT_OVERLAY__.container),delete n.__VUE_DND_KIT_OVERLAY__),t.call(this)}}},Q=(n,e)=>n.x<e.x+e.width&&n.x+n.width>e.x&&n.y<e.y+e.height&&n.y+n.height>e.y,O=n=>{if(!n)return{x:0,y:0,width:0,height:0,bottom:0,left:0,right:0,top:0};const e=n.getBoundingClientRect();return{bottom:e.bottom,left:e.left,right:e.right,top:e.top,x:e.x,y:e.y,width:e.width,height:e.height}},X=n=>({x:n.x+n.width/2,y:n.y+n.height/2}),ue=(n,e)=>{const t=O(n);return{pixel:{x:e.x-t.x,y:e.y-t.y},percent:{x:(e.x-t.x)/t.width*100,y:(e.y-t.y)/t.height*100}}},W=(n,e)=>{const t=e.x-n.x,a=e.y-n.y;return Math.sqrt(t*t+a*a)},ee=(n,e)=>{const t=Math.max(0,Math.min(n.x+n.width,e.x+e.width)-Math.max(n.x,e.x)),a=Math.max(0,Math.min(n.y+n.height,e.y+e.height)-Math.max(n.y,e.y)),l=t*a,s=n.width*n.height,u=e.width*e.height;return(l/s*100+l/u*100)/2},te="data-vue-dnd-kit-draggable",C=n=>{n.preventDefault()},R=n=>({items:Array.from(n.draggingElements.value.values())}),ie=n=>{const{elementsMap:e,draggingElements:t,hovered:a,selectedElements:l,isDragging:s,visibleElements:u,handleDragElementIntersection:m}=_(),i=r.ref(null),c=r.computed(()=>u.value.has(i.value)&&a.element.value===i.value),f=r.shallowRef((n==null?void 0:n.id)||r.useId()),d=r.computed(()=>!i.value||!u.value.has(i.value)?!1:t.value.has(i.value)),o=r.computed(()=>{if(!i.value||!s.value||!u.value.has(i.value))return!1;const p=e.value.get(i.value);return p!=null&&p.groups.length?!Array.from(t.value.entries()).some(([E,y])=>y.groups.length?!y.groups.some(L=>p.groups.includes(L)):!1):!0});return{elementRef:i,registerElement:()=>{if(!i.value)throw new Error("ElementRef is not set");e.value.set(i.value,{node:i.value,groups:(n==null?void 0:n.groups)??[],layer:(n==null?void 0:n.layer)??null,defaultLayer:(n==null?void 0:n.layer)??null,events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??null,id:f.value}),m("add",i.value),i.value.addEventListener("dragstart",C),i.value.addEventListener("drag",C),i.value.setAttribute(te,"true"),i.value.setAttribute("draggable","false")},unregisterElement:()=>{i.value&&(e.value.delete(i.value),l.value.delete(i.value),i.value.removeEventListener("dragstart",C),i.value.removeEventListener("drag",C),i.value.removeAttribute(te),i.value.removeAttribute("draggable"))},isDragging:d,isOvered:c,isAllowed:o,id:f}},b=(n,e)=>n?e.contains(n):!1,ce=n=>{var f,d;const e=O(n.activeContainer.ref.value),t=X(e),a=((f=n.pointerPosition.current.value)==null?void 0:f.x)??0,l=((d=n.pointerPosition.current.value)==null?void 0:d.y)??0,u=!(e&&a>=e.x&&a<=e.x+e.width&&l>=e.y&&l<=e.y+e.height),m=Array.from(n.draggingElements.value.keys()),i=Array.from(n.visibleElements.value.entries()).filter(([o,v])=>{if(!o)return!1;const g=O(o);return g&&e&&Q(g,e)}).map(([o,v])=>{const g=O(o),p=X(g),E=a>=g.x&&a<=g.x+g.width&&l>=g.y&&l<=g.y+g.height,y=ee(g,e),L=W(t,p);let M=0;for(const[D,U]of n.visibleElements.value.entries())D!==o&&D&&o&&b(o,D)&&M++;return{element:v,node:o,isPointerInElement:E,overlapPercent:y,depth:M,centerDistance:L}}).sort((o,v)=>{if(!u){if(o.isPointerInElement&&v.isPointerInElement)return v.depth-o.depth;if(o.isPointerInElement!==v.isPointerInElement)return o.isPointerInElement?-1:1}return Math.abs(o.overlapPercent-v.overlapPercent)<=1?o.centerDistance-v.centerDistance:v.overlapPercent-o.overlapPercent}),c=Array.from(n.visibleZones.value.entries()).filter(([o,v])=>{if(!o||m.some(p=>p&&b(o,p)))return!1;const g=O(o);return g&&e&&Q(g,e)}).map(([o,v])=>{const g=O(o),p=X(g),E=a>=g.x&&a<=g.x+g.width&&l>=g.y&&l<=g.y+g.height,y=ee(g,e),L=W(t,p);let M=0;for(const[D,U]of n.visibleZones.value.entries())D!==o&&D&&o&&b(o,D)&&M++;return{zone:v,node:o,isPointerInElement:E,overlapPercent:y,depth:M,centerDistance:L}}).sort((o,v)=>{if(!u){if(o.isPointerInElement&&v.isPointerInElement)return v.depth-o.depth;if(o.isPointerInElement!==v.isPointerInElement)return o.isPointerInElement?-1:1}return Math.abs(o.overlapPercent-v.overlapPercent)<=1?o.centerDistance-v.centerDistance:v.overlapPercent-o.overlapPercent});return[...i.map(o=>o.node),...c.map(o=>o.node)]},ve=(n,e)=>{const{pointerPosition:t,keyboard:a}=_(),l=(e==null?void 0:e.moveStep)||10;return{onKeyboardStart:i=>{var o;C(i);const c=O(n.value);(o=n.value)==null||o.blur();const f=c.x+c.width/2,d=c.y+c.height/2;t.start.value={x:f,y:d},t.current.value={x:f,y:d},t.offset.pixel.value={x:c.width/2,y:c.height/2},t.offset.percent.value={x:50,y:50}},onKeyboardMove:()=>{if(!t.current.value)return;const i=t.current.value.x,c=t.current.value.y;let f=i,d=c;a.w.value&&(d-=l),a.s.value&&(d+=l),a.a.value&&(f-=l),a.d.value&&(f+=l),t.current.value={x:f,y:d}},onKeyboardEnd:()=>{t.current.value=null,t.start.value=null,t.offset.pixel.value=null,t.offset.percent.value=null}}},de=n=>{const e=_();return{onPointerStart:s=>{e.pointerPosition.start.value={x:s.clientX,y:s.clientY},e.pointerPosition.current.value={x:s.clientX,y:s.clientY};const{pixel:u,percent:m}=ue(n.value,{x:s.clientX,y:s.clientY});e.pointerPosition.offset.pixel.value=u,e.pointerPosition.offset.percent.value=m},onPointerMove:s=>{e.pointerPosition.current.value={x:s.clientX,y:s.clientY}},onPointerEnd:()=>{e.pointerPosition.current.value=null,e.pointerPosition.start.value=null,e.pointerPosition.offset.pixel.value=null,e.pointerPosition.offset.percent.value=null}}},fe=(n,e)=>{var U,B;const t=_(),{onPointerStart:a,onPointerMove:l,onPointerEnd:s}=de(n),{onKeyboardStart:u,onKeyboardMove:m,onKeyboardEnd:i}=ve(n,e==null?void 0:e.keyboard);let c=null;const f=h=>{var I,A;if(!h)return new Map;const k=t.selectedElements.value.has(h);if(t.selectedElements.value.size>0&&k){const S=new Map;return t.selectedElements.value.forEach(T=>{var K,V;const Z=t.elementsMap.value.get(T);Z&&S.set(T,{...Z,initialHTML:((K=Z.node)==null?void 0:K.outerHTML)??"",initialRect:(V=Z.node)==null?void 0:V.getBoundingClientRect()})}),S}t.selectedElements.value.clear();const P=t.elementsMap.value.get(h);if(!P)return new Map;const w=new Map;return w.set(h,{...P,initialHTML:((I=P.node)==null?void 0:I.outerHTML)??"",initialRect:(A=P.node)==null?void 0:A.getBoundingClientRect()}),w},d=h=>{if(!h)return{element:null,zone:null};const k=Array.isArray(h)?h:[h],P=Array.from(t.draggingElements.value.keys()),w=k.find(A=>{if(!t.visibleZones.value.has(A))return!1;const S=t.zonesMap.value.get(A);return!(!S||P.some(T=>T&&(T===S.node||b(S.node,T)))||S.groups.length&&!!Array.from(t.draggingElements.value.values()).some(Z=>Z.groups.length?!Z.groups.some(K=>S.groups.includes(K)):!1))});return w?{element:k.find(A=>t.visibleElements.value.has(A)&&t.elementsMap.value.has(A)&&!P.some(S=>S&&(S===A||b(A,S)||b(S,A)))&&(A===w||b(A,w)))||null,zone:w}:{element:null,zone:null}},o=((U=e==null?void 0:e.sensor)==null?void 0:U.setup)||ce,v=h=>{var A,S,T,Z,K,V,q,Y,$,G,H,j;const k=t.hovered.element.value,P=t.hovered.zone.value,w=h.element,I=h.zone;t.hovered.element.value=w,t.hovered.zone.value=I,k!==w&&(k&&((T=(S=(A=t.elementsMap.value.get(k))==null?void 0:A.events)==null?void 0:S.onLeave)==null||T.call(S,t,R(t))),w&&((V=(K=(Z=t.elementsMap.value.get(w))==null?void 0:Z.events)==null?void 0:K.onHover)==null||V.call(K,t,R(t)))),P!==I&&(P&&(($=(Y=(q=t.zonesMap.value.get(P))==null?void 0:q.events)==null?void 0:Y.onLeave)==null||$.call(Y,t,R(t))),I&&((j=(H=(G=t.zonesMap.value.get(I))==null?void 0:G.events)==null?void 0:H.onHover)==null||j.call(H,t,R(t))))},g=F.useThrottleFn(()=>{const h=o(t),k=d(h);v(k)},((B=e==null?void 0:e.sensor)==null?void 0:B.throttle)??0),p=()=>{g(),c=requestAnimationFrame(p)},E=()=>p(),y=()=>{c!==null&&(cancelAnimationFrame(c),c=null)};return{activate:h=>{t.draggingElements.value=f(n.value),t.draggingElements.value.forEach(k=>{var P,w;return(w=(P=k.events).onStart)==null?void 0:w.call(P,t,R(t))}),h instanceof PointerEvent?a(h):u(h),E()},track:h=>{t.draggingElements.value.forEach(k=>{var P,w;return(w=(P=k.events).onMove)==null?void 0:w.call(P,t,R(t))}),h instanceof KeyboardEvent?m():l(h)},deactivate:(h=!0)=>{var k,P;if(s(),i(),h){if(t.hovered.zone.value){const w=t.zonesMap.value.get(t.hovered.zone.value);(P=w==null?void 0:(k=w.events).onDrop)==null||P.call(k,t,R(t))}else t.draggingElements.value.forEach(w=>{var I,A;return(A=(I=w.events).onEnd)==null?void 0:A.call(I,t,R(t))});t.selectedElements.value.clear()}t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,y()}}},ge=F.createGlobalState(()=>{let n="",e="",t="",a=null,l=null,s=null,u=null,m=null;const{activeContainer:i}=_(),c=()=>{const v=document.body;n=v.style.userSelect,v.style.userSelect="none",window.addEventListener("contextmenu",C),window.addEventListener("selectstart",C),window.addEventListener("touchstart",C),window.addEventListener("touchmove",C)},f=()=>{const v=document.body;v.style.userSelect=n,v.style.touchAction=e,v.style.overscrollBehavior=t,window.removeEventListener("contextmenu",C),window.removeEventListener("selectstart",C),window.removeEventListener("touchstart",C),window.removeEventListener("touchmove",C)},d=()=>{a&&(document.removeEventListener("pointermove",a),a=null),l&&(document.removeEventListener("pointerup",l),l=null),s&&(s=null),u&&(document.removeEventListener("wheel",u),u=null),m&&(document.removeEventListener("keydown",m),document.removeEventListener("keypress",m),document.removeEventListener("keyup",m),m=null)};return{handleDragStart:(v,g,p)=>{d(),v.target.blur(),p!=null&&p.container&&(i.component.value=r.markRaw(p.container));const{activate:E,track:y,deactivate:L}=fe(g,p);l=()=>{i.component.value=null,f(),L(!0),d()},s=()=>{i.component.value=null,f(),L(!1),d()},a=M=>y(M),u=M=>y(M),m=M=>{M.type==="keyup"&&(M.code==="Escape"&&(s==null||s()),M.code==="Enter"&&(l==null||l())),y(M)},c(),E(v),document.addEventListener("pointermove",a),document.addEventListener("pointerup",l),document.addEventListener("wheel",u),document.addEventListener("keydown",m),document.addEventListener("keypress",m),document.addEventListener("keyup",m)}}}),me=n=>{const{id:e,elementRef:t,isDragging:a,isOvered:l,isAllowed:s,registerElement:u,unregisterElement:m}=ie(n),{pointerPosition:i}=_(),{handleDragStart:c}=ge(),f=d=>c(d,t,n);return r.onMounted(u),r.onBeforeUnmount(m),{pointerPosition:i,elementRef:t,isDragging:a,isOvered:l,isAllowed:s,handleDragStart:f,id:e}},pe=n=>{const{zonesMap:e,hovered:t,draggingElements:a,isDragging:l,handleDropZoneIntersection:s}=_(),u=r.ref(null),m=r.computed(()=>t.zone.value===u.value),i=r.computed(()=>{if(!u.value||!l.value)return!1;const d=e.value.get(u.value);return d!=null&&d.groups.length?!Array.from(a.value.values()).some(o=>o.groups.length?!o.groups.some(v=>d.groups.includes(v)):!1):!0});return{elementRef:u,registerZone:()=>{if(!u.value)throw new Error("elementRef is not set");s("add",u.value),e.value.set(u.value,{node:u.value,groups:(n==null?void 0:n.groups)??[],events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??void 0}),u.value.setAttribute("data-dnd-droppable","true")},unregisterZone:()=>{u.value&&(s("remove",u.value),e.value.delete(u.value))},isOvered:m,isAllowed:i}},he=n=>{const{elementRef:e,registerZone:t,unregisterZone:a,isOvered:l,isAllowed:s}=pe(n);return r.onMounted(t),r.onBeforeUnmount(a),{elementRef:e,isOvered:l,isAllowed:s}},Ee=n=>{const{selectedElements:e,elementsMap:t}=_(),a=r.computed(()=>n.value?e.value.has(n.value):!1),l=r.computed(()=>{if(!n.value)return!1;for(const c of e.value)if(c&&b(c,n.value))return!0;return!1}),s=r.computed(()=>{if(!n.value)return!1;for(const c of e.value)if(c&&b(n.value,c))return!0;return!1}),u=()=>{n.value&&e.value.delete(n.value)},m=()=>{if(!(!n.value||!t.value.get(n.value))){if(l.value)for(const f of e.value)f&&b(f,n.value)&&e.value.delete(f);if(s.value)for(const f of e.value)f&&b(n.value,f)&&e.value.delete(f);e.value.add(n.value)}};return{handleUnselect:u,handleSelect:m,handleToggleSelect:()=>{n.value&&(e.value.has(n.value)?u():m())},isSelected:a,isParentOfSelected:l}};exports.DnDOperations=N;exports.default=se;exports.getBoundingBox=O;exports.useDnDStore=_;exports.useDragContainer=ne;exports.useDraggable=me;exports.useDroppable=he;exports.useSelection=Ee;
|
|
2
2
|
//# sourceMappingURL=vue-dnd-kit-core.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vue-dnd-kit-core.cjs.js","sources":["../src/utils/operations.ts","../src/composables/useDnDStore.ts","../src/composables/useDragContainer.ts","../src/components/DefaultOverlay.vue","../src/components/DragOverlay.vue","../src/plugin.ts","../src/utils/geometry.ts","../src/utils/namespaces.ts","../src/utils/events.ts","../src/managers/useElementManager.ts","../src/utils/dom.ts","../src/utils/sensor.ts","../src/composables/useKeyboard.ts","../src/composables/usePointer.ts","../src/composables/useSensor.ts","../src/managers/useEventManager.ts","../src/composables/useDraggable.ts","../src/managers/useZoneManager.ts","../src/composables/useDroppable.ts","../src/composables/useSelection.ts"],"sourcesContent":["import { IDnDStore } from '../types';\r\n\r\nexport class DnDOperations {\r\n static remove = (source?: any[], index?: number) => {\r\n if (!source || index === undefined) return;\r\n const [item] = source.splice(index, 1);\r\n return item;\r\n };\r\n static insert = (target?: any[], index?: number, item?: any) => {\r\n if (!target || index === undefined) return;\r\n target.splice(index, 0, item);\r\n };\r\n static move = (\r\n source?: any[],\r\n sourceIndex?: number,\r\n target?: any[],\r\n targetIndex?: number\r\n ) => {\r\n if (\r\n !source ||\r\n !target ||\r\n sourceIndex === undefined ||\r\n targetIndex === undefined\r\n )\r\n return;\r\n const item = DnDOperations.remove(source, sourceIndex);\r\n DnDOperations.insert(target, targetIndex, item);\r\n };\r\n static swap = (\r\n source?: any[],\r\n sourceIndex?: number,\r\n target?: any[],\r\n targetIndex?: number\r\n ) => {\r\n if (\r\n !source ||\r\n !target ||\r\n sourceIndex === undefined ||\r\n targetIndex === undefined\r\n )\r\n return;\r\n\r\n const sourceItem = source[sourceIndex];\r\n const targetItem = target[targetIndex];\r\n\r\n source[sourceIndex] = targetItem;\r\n target[targetIndex] = sourceItem;\r\n };\r\n static copy = (\r\n source?: any[],\r\n index?: number,\r\n target?: any[],\r\n targetIndex?: number\r\n ) => {\r\n if (!source || index === undefined || !target || targetIndex === undefined)\r\n return;\r\n const item = source[index];\r\n DnDOperations.insert(target, targetIndex, item);\r\n };\r\n static applyTransfer = (store: IDnDStore) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement) {\r\n const targetSource =\r\n store.elementsMap.value.get(hoveredElement)?.data?.source;\r\n const targetIndex =\r\n store.elementsMap.value.get(hoveredElement)?.data?.index;\r\n\r\n const firstElement = store.draggingElements.value.values().next().value;\r\n const firstIndex = firstElement?.data?.index;\r\n\r\n const sortDirection =\r\n firstIndex !== undefined &&\r\n targetIndex !== undefined &&\r\n firstIndex > targetIndex\r\n ? 1\r\n : -1;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort(\r\n (a, b) => sortDirection * ((a.data?.index || 0) - (b.data?.index || 0))\r\n );\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.move(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.move(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n }\r\n };\r\n\r\n static applyCopy = (store: IDnDStore) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement) {\r\n const targetSource =\r\n store.elementsMap.value.get(hoveredElement)?.data?.source;\r\n const targetIndex =\r\n store.elementsMap.value.get(hoveredElement)?.data?.index;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.copy(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.copy(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n }\r\n };\r\n static applySwap = (store: IDnDStore) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement && store.draggingElements.value.size === 1) {\r\n const element = store.draggingElements.value.values().next().value;\r\n DnDOperations.swap(\r\n element?.data?.source,\r\n element?.data?.index,\r\n store.elementsMap.value.get(hoveredElement)?.data?.source,\r\n store.elementsMap.value.get(hoveredElement)?.data?.index\r\n );\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.move(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n }\r\n };\r\n static applyRemove = (store: IDnDStore) => {\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) => {\r\n if (element.data?.source && element.data?.index !== undefined) {\r\n DnDOperations.remove(element.data.source, element.data.index);\r\n }\r\n });\r\n };\r\n static applyInsert = (store: IDnDStore, items: any[]) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement && items.length > 0) {\r\n const targetSource =\r\n store.elementsMap.value.get(hoveredElement)?.data?.source;\r\n const targetIndex =\r\n store.elementsMap.value.get(hoveredElement)?.data?.index;\r\n\r\n items.forEach((item) => {\r\n DnDOperations.insert(targetSource, targetIndex, item);\r\n });\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n items.forEach((item) => {\r\n DnDOperations.insert(targetSource, targetIndex, item);\r\n });\r\n }\r\n };\r\n}\r\n","import type {\r\n IDragElement,\r\n IDraggingElement,\r\n IDropZone,\r\n IPoint,\r\n} from '../types';\r\nimport {\r\n computed,\r\n ref,\r\n shallowRef,\r\n type Component,\r\n type TransitionProps,\r\n} from 'vue';\r\nimport { createGlobalState, useMagicKeys } from '@vueuse/core';\r\n\r\nexport const useDnDStore = createGlobalState(() => {\r\n const draggingElements = ref<Map<HTMLElement | Element, IDraggingElement>>(\r\n new Map()\r\n );\r\n const isDragging = computed<boolean>(() => draggingElements.value.size > 0);\r\n\r\n const activeContainer = {\r\n component: ref<Component | null>(null),\r\n ref: shallowRef<HTMLElement | null>(null),\r\n options: shallowRef<TransitionProps | null>(null),\r\n };\r\n\r\n const elementsMap = ref<Map<HTMLElement | Element, IDragElement>>(new Map());\r\n const selectedElements = ref<Set<HTMLElement | Element>>(new Set());\r\n const zonesMap = ref<Map<HTMLElement | Element, IDropZone>>(new Map());\r\n const visibleZones = ref<Set<HTMLElement | Element>>(new Set());\r\n const visibleElements = ref<Set<HTMLElement | Element>>(new Set());\r\n\r\n const elementObserver = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) =>\r\n visibleElements.value[entry.isIntersecting ? 'add' : 'delete'](\r\n entry.target\r\n )\r\n );\r\n });\r\n const zoneObserver = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) =>\r\n visibleZones.value[entry.isIntersecting ? 'add' : 'delete'](entry.target)\r\n );\r\n });\r\n\r\n const handleDragElementIntersection = (\r\n action: 'add' | 'remove',\r\n element: HTMLElement | Element\r\n ) => {\r\n if (action === 'add') {\r\n elementObserver.observe(element);\r\n } else {\r\n elementObserver.unobserve(element);\r\n visibleElements.value.delete(element);\r\n }\r\n };\r\n\r\n const handleDropZoneIntersection = (\r\n action: 'add' | 'remove',\r\n element: HTMLElement | Element\r\n ) => {\r\n if (action === 'add') {\r\n zoneObserver.observe(element);\r\n } else {\r\n zoneObserver.unobserve(element);\r\n visibleZones.value.delete(element);\r\n }\r\n };\r\n\r\n const pointerPosition = {\r\n start: shallowRef<IPoint | null>(null),\r\n current: shallowRef<IPoint | null>(null),\r\n offset: {\r\n percent: shallowRef<IPoint | null>(null),\r\n pixel: shallowRef<IPoint | null>(null),\r\n },\r\n };\r\n\r\n const { w, s, a, d, ctrl, shift, alt, meta } = useMagicKeys();\r\n\r\n const hovered = {\r\n zone: shallowRef<HTMLElement | Element | null>(null),\r\n element: shallowRef<HTMLElement | Element | null>(null),\r\n };\r\n\r\n return {\r\n draggingElements,\r\n isDragging,\r\n activeContainer,\r\n elementsMap,\r\n selectedElements,\r\n zonesMap,\r\n visibleZones,\r\n visibleElements,\r\n pointerPosition,\r\n keyboard: {\r\n w,\r\n s,\r\n a,\r\n d,\r\n ctrl,\r\n shift,\r\n alt,\r\n meta,\r\n },\r\n hovered,\r\n handleDragElementIntersection,\r\n handleDropZoneIntersection,\r\n };\r\n});\r\n","import { onUnmounted, onMounted, ref, type TransitionProps } from 'vue';\r\n\r\nimport { useDnDStore } from './useDnDStore';\r\n\r\nexport const useDragContainer = (options?: Omit<TransitionProps, 'appear'>) => {\r\n const elementRef = ref<HTMLElement | null>(null);\r\n\r\n const { draggingElements, pointerPosition, isDragging, activeContainer } =\r\n useDnDStore();\r\n\r\n onMounted(() => {\r\n activeContainer.ref = elementRef;\r\n activeContainer.options.value = options ?? null;\r\n });\r\n\r\n onUnmounted(() => {\r\n activeContainer.ref.value = null;\r\n activeContainer.options.value = null;\r\n });\r\n\r\n return {\r\n elementRef,\r\n draggingElements,\r\n pointerPosition,\r\n isDragging,\r\n };\r\n};\r\n","<script setup lang=\"ts\">\r\n import { computed, CSSProperties } from 'vue';\r\n import { useDragContainer } from '../composables/useDragContainer';\r\n\r\n const { elementRef, pointerPosition, isDragging, draggingElements } =\r\n useDragContainer();\r\n\r\n const computedStyle = computed<CSSProperties>(() => ({\r\n transform: `translate3d(${\r\n (pointerPosition.current.value?.x ?? 0) -\r\n (pointerPosition.offset.pixel.value?.x ?? 0)\r\n }px, ${\r\n (pointerPosition.current.value?.y ?? 0) -\r\n (pointerPosition.offset.pixel.value?.y ?? 0)\r\n }px, 0)`,\r\n zIndex: 1000,\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n transition: '0.3s cubic-bezier(0.165, 0.84, 0.44, 1)',\r\n }));\r\n</script>\r\n\r\n<template>\r\n <div\r\n v-if=\"isDragging\"\r\n ref=\"elementRef\"\r\n :style=\"computedStyle\"\r\n >\r\n <div\r\n v-for=\"[_, element] in draggingElements\"\r\n :key=\"element.id\"\r\n v-html=\"element.initialHTML\"\r\n :style=\"{\r\n width: `${element.initialRect?.width}px`,\r\n height: `${element.initialRect?.height}px`,\r\n }\"\r\n />\r\n </div>\r\n</template>\r\n","<script setup lang=\"ts\">\r\n import { computed } from 'vue';\r\n import { useDnDStore } from '../composables/useDnDStore';\r\n import DefaultOverlay from './DefaultOverlay.vue';\r\n\r\n const { activeContainer } = useDnDStore();\r\n\r\n const overlay = computed(\r\n () => activeContainer.component.value ?? DefaultOverlay\r\n );\r\n</script>\r\n\r\n<template>\r\n <Transition\r\n v-if=\"activeContainer.options.value\"\r\n :name=\"activeContainer.options.value.name\"\r\n :duration=\"activeContainer.options.value.duration\"\r\n :enter-from-class=\"activeContainer.options.value.enterFromClass\"\r\n :enter-to-class=\"activeContainer.options.value.enterToClass\"\r\n :enter-active-class=\"activeContainer.options.value.enterActiveClass\"\r\n :leave-from-class=\"activeContainer.options.value.leaveFromClass\"\r\n :leave-to-class=\"activeContainer.options.value.leaveToClass\"\r\n :leave-active-class=\"activeContainer.options.value.leaveActiveClass\"\r\n :appear-active-class=\"activeContainer.options.value.appearActiveClass\"\r\n :appear-from-class=\"activeContainer.options.value.appearFromClass\"\r\n :appear-to-class=\"activeContainer.options.value.appearToClass\"\r\n :mode=\"activeContainer.options.value.mode\"\r\n :type=\"activeContainer.options.value.type\"\r\n :css=\"activeContainer.options.value.css\"\r\n :appear=\"true\"\r\n :persisted=\"activeContainer.options.value.persisted\"\r\n @enter=\"activeContainer.options.value.onEnter\"\r\n @leave=\"activeContainer.options.value.onLeave\"\r\n @before-enter=\"activeContainer.options.value.onBeforeEnter\"\r\n @before-leave=\"activeContainer.options.value.onBeforeLeave\"\r\n @before-appear=\"activeContainer.options.value.onBeforeAppear\"\r\n @after-enter=\"activeContainer.options.value.onAfterEnter\"\r\n @after-leave=\"activeContainer.options.value.onAfterLeave\"\r\n @after-appear=\"activeContainer.options.value.onAfterAppear\"\r\n >\r\n <component :is=\"overlay\" />\r\n </Transition>\r\n\r\n <component\r\n v-else\r\n :is=\"overlay\"\r\n />\r\n</template>\r\n","import { createVNode, render } from 'vue';\r\n\r\nimport type { App } from 'vue';\r\nimport DragOverlay from './components/DragOverlay.vue';\r\nimport { useDnDStore } from './composables/useDnDStore';\r\n\r\nexport const VueDndKitPlugin = {\r\n install(app: App) {\r\n app.component('DragOverlay', DragOverlay);\r\n const originalMount = app.mount;\r\n app.mount = function (rootContainer) {\r\n const instance = originalMount.call(this, rootContainer);\r\n\r\n const rootEl =\r\n typeof rootContainer === 'string'\r\n ? document.querySelector(rootContainer)\r\n : rootContainer;\r\n\r\n if (rootEl && rootEl instanceof Element) {\r\n if (!rootEl.querySelector('#vue-dnd-kit-overlay')) {\r\n const overlayContainer = document.createElement('div');\r\n\r\n overlayContainer.id = 'vue-dnd-kit-overlay';\r\n overlayContainer.style.pointerEvents = 'none';\r\n\r\n rootEl.appendChild(overlayContainer);\r\n const vnode = createVNode(DragOverlay);\r\n render(vnode, overlayContainer);\r\n\r\n app.__VUE_DND_KIT_OVERLAY__ = {\r\n container: overlayContainer,\r\n vnode,\r\n };\r\n\r\n const store = useDnDStore();\r\n app.__VUE_DND_KIT_STORE__ = store;\r\n }\r\n }\r\n\r\n return instance;\r\n };\r\n\r\n // Модифицируем метод unmount для очистки\r\n const originalUnmount = app.unmount;\r\n app.unmount = function () {\r\n if (app.__VUE_DND_KIT_OVERLAY__) {\r\n render(null, app.__VUE_DND_KIT_OVERLAY__.container);\r\n delete app.__VUE_DND_KIT_OVERLAY__;\r\n }\r\n return originalUnmount.call(this);\r\n };\r\n },\r\n};\r\n\r\ndeclare module '@vue/runtime-core' {\r\n export interface App {\r\n __VUE_DND_KIT_OVERLAY__?: {\r\n container: HTMLElement;\r\n vnode: any;\r\n };\r\n __VUE_DND_KIT_STORE__?: ReturnType<typeof useDnDStore>;\r\n }\r\n}\r\n","import type { IBoundingBox, IPoint } from '../types';\r\n\r\nexport const checkCollision = (\r\n boxA: IBoundingBox,\r\n boxB: IBoundingBox\r\n): boolean => {\r\n return (\r\n boxA.x < boxB.x + boxB.width &&\r\n boxA.x + boxA.width > boxB.x &&\r\n boxA.y < boxB.y + boxB.height &&\r\n boxA.y + boxA.height > boxB.y\r\n );\r\n};\r\n\r\nexport const getBoundingBox = (element: HTMLElement | null): IBoundingBox => {\r\n if (!element)\r\n return {\r\n x: 0,\r\n y: 0,\r\n width: 0,\r\n height: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n top: 0,\r\n };\r\n\r\n const rect = element.getBoundingClientRect();\r\n\r\n return {\r\n bottom: rect.bottom,\r\n left: rect.left,\r\n right: rect.right,\r\n top: rect.top,\r\n x: rect.x,\r\n y: rect.y,\r\n width: rect.width,\r\n height: rect.height,\r\n };\r\n};\r\n\r\nexport const getCenter = (box: IBoundingBox): IPoint => ({\r\n x: box.x + box.width / 2,\r\n y: box.y + box.height / 2,\r\n});\r\n\r\nexport const getOffset = (element: HTMLElement | null, pointer: IPoint) => {\r\n const rect = getBoundingBox(element);\r\n return {\r\n pixel: {\r\n x: pointer.x - rect.x,\r\n y: pointer.y - rect.y,\r\n },\r\n percent: {\r\n x: ((pointer.x - rect.x) / rect.width) * 100,\r\n y: ((pointer.y - rect.y) / rect.height) * 100,\r\n },\r\n };\r\n};\r\n\r\nexport const getDistance = (pointA: IPoint, pointB: IPoint): number => {\r\n const dx = pointB.x - pointA.x;\r\n const dy = pointB.y - pointA.y;\r\n return Math.sqrt(dx * dx + dy * dy);\r\n};\r\n\r\nexport const getOverlapPercent = (\r\n boxA: IBoundingBox,\r\n boxB: IBoundingBox\r\n): number => {\r\n const xOverlap = Math.max(\r\n 0,\r\n Math.min(boxA.x + boxA.width, boxB.x + boxB.width) -\r\n Math.max(boxA.x, boxB.x)\r\n );\r\n const yOverlap = Math.max(\r\n 0,\r\n Math.min(boxA.y + boxA.height, boxB.y + boxB.height) -\r\n Math.max(boxA.y, boxB.y)\r\n );\r\n\r\n const overlapArea = xOverlap * yOverlap;\r\n\r\n const boxAArea = boxA.width * boxA.height;\r\n const boxBArea = boxB.width * boxB.height;\r\n\r\n // Возвращаем среднее значение процентов перекрытия относительно обоих элементов\r\n return ((overlapArea / boxAArea) * 100 + (overlapArea / boxBArea) * 100) / 2;\r\n};\r\n","export const draggableDataName = 'data-vue-dnd-kit-draggable';\r\nexport const droppableDataName = 'data-vue-dnd-kit-droppable';\r\n","import { IDnDPayload, IDnDStore } from '../types';\r\n\r\nexport const preventEvent = (event: Event) => {\r\n event.preventDefault();\r\n};\r\n\r\nexport const createPayload = (store: IDnDStore): IDnDPayload => {\r\n return {\r\n items: Array.from(store.draggingElements.value.values()),\r\n };\r\n};\r\n","import { computed, ref, shallowRef, useId } from 'vue';\r\n\r\nimport type { IUseDragOptions } from '../types';\r\nimport { draggableDataName } from '../utils/namespaces';\r\nimport { preventEvent } from '../utils/events';\r\nimport { useDnDStore } from '../composables/useDnDStore';\r\n\r\nexport const useElementManager = (options?: IUseDragOptions) => {\r\n const {\r\n elementsMap,\r\n draggingElements,\r\n hovered,\r\n selectedElements,\r\n isDragging: isDragStarted,\r\n visibleElements,\r\n handleDragElementIntersection,\r\n } = useDnDStore();\r\n\r\n const elementRef = ref<HTMLElement | null>(null);\r\n const isOvered = computed<boolean>(\r\n () =>\r\n visibleElements.value.has(elementRef.value as HTMLElement) &&\r\n hovered.element.value === elementRef.value\r\n );\r\n\r\n const id = shallowRef(options?.id || useId());\r\n\r\n const isDragging = computed<boolean>(() => {\r\n if (!elementRef.value) return false;\r\n if (!visibleElements.value.has(elementRef.value)) return false;\r\n return draggingElements.value.has(elementRef.value);\r\n });\r\n\r\n const isAllowed = computed<boolean>(() => {\r\n if (!elementRef.value) return false;\r\n if (!isDragStarted.value) return false;\r\n if (!visibleElements.value.has(elementRef.value)) return false;\r\n\r\n const currentElement = elementsMap.value.get(elementRef.value);\r\n if (!currentElement?.groups.length) return true;\r\n\r\n return !Array.from(draggingElements.value.entries()).some(\r\n ([_, draggingElement]) => {\r\n if (!draggingElement.groups.length) return false;\r\n return !draggingElement.groups.some((group) =>\r\n currentElement.groups.includes(group)\r\n );\r\n }\r\n );\r\n });\r\n\r\n const registerElement = () => {\r\n if (!elementRef.value) throw new Error('ElementRef is not set');\r\n\r\n elementsMap.value.set(elementRef.value, {\r\n node: elementRef.value,\r\n groups: options?.groups ?? [],\r\n layer: options?.layer ?? null,\r\n defaultLayer: options?.layer ?? null,\r\n events: options?.events ?? {},\r\n data: options?.data ?? null,\r\n id: id.value,\r\n });\r\n\r\n handleDragElementIntersection('add', elementRef.value);\r\n\r\n elementRef.value.addEventListener('dragstart', preventEvent);\r\n elementRef.value.addEventListener('drag', preventEvent);\r\n elementRef.value.setAttribute(draggableDataName, 'true');\r\n elementRef.value.setAttribute('draggable', 'false');\r\n };\r\n\r\n const unregisterElement = () => {\r\n if (!elementRef.value) return;\r\n\r\n elementsMap.value.delete(elementRef.value);\r\n selectedElements.value.delete(elementRef.value);\r\n\r\n elementRef.value.removeEventListener('dragstart', preventEvent);\r\n elementRef.value.removeEventListener('drag', preventEvent);\r\n elementRef.value.removeAttribute(draggableDataName);\r\n elementRef.value.removeAttribute('draggable');\r\n };\r\n\r\n return {\r\n elementRef,\r\n registerElement,\r\n unregisterElement,\r\n isDragging,\r\n isOvered,\r\n isAllowed,\r\n id,\r\n };\r\n};\r\n","export const isDescendant = (\r\n element: HTMLElement | Element | null,\r\n container: HTMLElement | Element\r\n): boolean => {\r\n if (!element) return false;\r\n return container.contains(element);\r\n};\r\n","import {\r\n checkCollision,\r\n getBoundingBox,\r\n getCenter,\r\n getDistance,\r\n getOverlapPercent,\r\n} from './geometry';\r\n\r\nimport { IDnDStore } from '../types';\r\nimport { isDescendant } from './dom';\r\n\r\nexport const defaultCollisionDetection = (store: IDnDStore) => {\r\n const containerRect = getBoundingBox(store.activeContainer.ref.value);\r\n const containerCenter = getCenter(containerRect);\r\n const pointerX = store.pointerPosition.current.value?.x ?? 0;\r\n const pointerY = store.pointerPosition.current.value?.y ?? 0;\r\n\r\n const isPointerInActiveContainer =\r\n containerRect &&\r\n pointerX >= containerRect.x &&\r\n pointerX <= containerRect.x + containerRect.width &&\r\n pointerY >= containerRect.y &&\r\n pointerY <= containerRect.y + containerRect.height;\r\n\r\n const shouldUseNormalPriority = !isPointerInActiveContainer;\r\n\r\n const activeDragNodes = Array.from(store.draggingElements.value.keys());\r\n\r\n const allCollidingElements = Array.from(store.visibleElements.value.entries())\r\n .filter(([node, _]) => {\r\n if (!node) return false;\r\n\r\n const rect = getBoundingBox(node as HTMLElement);\r\n return rect && containerRect && checkCollision(rect, containerRect);\r\n })\r\n .map(([node, element]) => {\r\n const rect = getBoundingBox(node as HTMLElement);\r\n const elementCenter = getCenter(rect);\r\n\r\n const isPointerInElement =\r\n pointerX >= rect.x &&\r\n pointerX <= rect.x + rect.width &&\r\n pointerY >= rect.y &&\r\n pointerY <= rect.y + rect.height;\r\n\r\n const overlapPercent = getOverlapPercent(rect, containerRect);\r\n const centerDistance = getDistance(containerCenter, elementCenter);\r\n\r\n // Вычисляем глубину вложенности\r\n let depth = 0;\r\n for (const [parentNode, _] of store.visibleElements.value.entries()) {\r\n if (\r\n parentNode !== node &&\r\n parentNode &&\r\n node &&\r\n isDescendant(node as HTMLElement, parentNode as HTMLElement)\r\n ) {\r\n depth++;\r\n }\r\n }\r\n\r\n return {\r\n element,\r\n node: node as HTMLElement,\r\n isPointerInElement,\r\n overlapPercent,\r\n depth,\r\n centerDistance,\r\n };\r\n })\r\n .sort((a, b) => {\r\n if (!shouldUseNormalPriority) {\r\n if (a.isPointerInElement && b.isPointerInElement)\r\n return b.depth - a.depth;\r\n if (a.isPointerInElement !== b.isPointerInElement)\r\n return a.isPointerInElement ? -1 : 1;\r\n }\r\n if (Math.abs(a.overlapPercent - b.overlapPercent) <= 1)\r\n return a.centerDistance - b.centerDistance;\r\n return b.overlapPercent - a.overlapPercent;\r\n });\r\n\r\n const allCollidingZones = Array.from(store.visibleZones.value.entries())\r\n .filter(([node, _]) => {\r\n if (\r\n !node ||\r\n activeDragNodes.some(\r\n (dragNode) =>\r\n dragNode &&\r\n isDescendant(node as HTMLElement, dragNode as HTMLElement)\r\n )\r\n )\r\n return false;\r\n\r\n const rect = getBoundingBox(node as HTMLElement);\r\n return rect && containerRect && checkCollision(rect, containerRect);\r\n })\r\n .map(([node, zone]) => {\r\n const rect = getBoundingBox(node as HTMLElement);\r\n const zoneCenter = getCenter(rect);\r\n\r\n const isPointerInElement =\r\n pointerX >= rect.x &&\r\n pointerX <= rect.x + rect.width &&\r\n pointerY >= rect.y &&\r\n pointerY <= rect.y + rect.height;\r\n\r\n const overlapPercent = getOverlapPercent(rect, containerRect);\r\n const centerDistance = getDistance(containerCenter, zoneCenter);\r\n\r\n // Вычисляем глубину вложенности\r\n let depth = 0;\r\n for (const [parentNode, _] of store.visibleZones.value.entries()) {\r\n if (\r\n parentNode !== node &&\r\n parentNode &&\r\n node &&\r\n isDescendant(node as HTMLElement, parentNode as HTMLElement)\r\n ) {\r\n depth++;\r\n }\r\n }\r\n\r\n return {\r\n zone,\r\n node: node as HTMLElement,\r\n isPointerInElement,\r\n overlapPercent,\r\n depth,\r\n centerDistance,\r\n };\r\n })\r\n .sort((a, b) => {\r\n if (!shouldUseNormalPriority) {\r\n if (a.isPointerInElement && b.isPointerInElement)\r\n return b.depth - a.depth;\r\n if (a.isPointerInElement !== b.isPointerInElement)\r\n return a.isPointerInElement ? -1 : 1;\r\n }\r\n if (Math.abs(a.overlapPercent - b.overlapPercent) <= 1)\r\n return a.centerDistance - b.centerDistance;\r\n return b.overlapPercent - a.overlapPercent;\r\n });\r\n\r\n return [\r\n ...allCollidingElements.map((item) => item.node),\r\n ...allCollidingZones.map((item) => item.node),\r\n ];\r\n};\r\n","import type { Ref } from 'vue';\r\nimport { getBoundingBox } from '../utils/geometry';\r\nimport { preventEvent } from '../utils/events';\r\nimport { useDnDStore } from './useDnDStore';\r\n\r\nexport interface IKeyboardOptions {\r\n moveStep?: number;\r\n}\r\n\r\nexport const useKeyboard = (\r\n elementRef: Ref<HTMLElement | null>,\r\n options?: IKeyboardOptions\r\n) => {\r\n const { pointerPosition, keyboard } = useDnDStore();\r\n const moveStep = options?.moveStep || 10;\r\n\r\n const onKeyboardStart = (event: KeyboardEvent) => {\r\n preventEvent(event);\r\n\r\n const rect = getBoundingBox(elementRef.value);\r\n\r\n elementRef.value?.blur();\r\n\r\n const centerX = rect.x + rect.width / 2;\r\n const centerY = rect.y + rect.height / 2;\r\n\r\n pointerPosition.start.value = {\r\n x: centerX,\r\n y: centerY,\r\n };\r\n\r\n pointerPosition.current.value = {\r\n x: centerX,\r\n y: centerY,\r\n };\r\n\r\n pointerPosition.offset.pixel.value = {\r\n x: rect.width / 2,\r\n y: rect.height / 2,\r\n };\r\n\r\n pointerPosition.offset.percent.value = {\r\n x: 50,\r\n y: 50,\r\n };\r\n };\r\n\r\n const onKeyboardMove = () => {\r\n if (!pointerPosition.current.value) return;\r\n\r\n const currentX = pointerPosition.current.value.x;\r\n const currentY = pointerPosition.current.value.y;\r\n\r\n let newX = currentX;\r\n let newY = currentY;\r\n\r\n if (keyboard.w.value) newY -= moveStep;\r\n if (keyboard.s.value) newY += moveStep;\r\n if (keyboard.a.value) newX -= moveStep;\r\n if (keyboard.d.value) newX += moveStep;\r\n\r\n pointerPosition.current.value = {\r\n x: newX,\r\n y: newY,\r\n };\r\n };\r\n\r\n const onKeyboardEnd = () => {\r\n pointerPosition.current.value = null;\r\n pointerPosition.start.value = null;\r\n pointerPosition.offset.pixel.value = null;\r\n pointerPosition.offset.percent.value = null;\r\n };\r\n\r\n return {\r\n onKeyboardStart,\r\n onKeyboardMove,\r\n onKeyboardEnd,\r\n };\r\n};\r\n","import type { Ref } from 'vue';\r\nimport { getOffset } from '../utils/geometry';\r\nimport { useDnDStore } from './useDnDStore';\r\n\r\nexport const usePointer = (elementRef: Ref<HTMLElement | null>) => {\r\n const store = useDnDStore();\r\n\r\n const onPointerStart = (event: PointerEvent) => {\r\n store.pointerPosition.start.value = { x: event.clientX, y: event.clientY };\r\n store.pointerPosition.current.value = {\r\n x: event.clientX,\r\n y: event.clientY,\r\n };\r\n\r\n const { pixel, percent } = getOffset(elementRef.value, {\r\n x: event.clientX,\r\n y: event.clientY,\r\n });\r\n\r\n store.pointerPosition.offset.pixel.value = pixel;\r\n store.pointerPosition.offset.percent.value = percent;\r\n };\r\n\r\n const onPointerMove = (event: PointerEvent | WheelEvent) => {\r\n store.pointerPosition.current.value = {\r\n x: event.clientX,\r\n y: event.clientY,\r\n };\r\n };\r\n\r\n const onPointerEnd = () => {\r\n store.pointerPosition.current.value = null;\r\n store.pointerPosition.start.value = null;\r\n store.pointerPosition.offset.pixel.value = null;\r\n store.pointerPosition.offset.percent.value = null;\r\n };\r\n\r\n return {\r\n onPointerStart,\r\n onPointerMove,\r\n onPointerEnd,\r\n };\r\n};\r\n","import type {\r\n ICollisionDetectionResult,\r\n IDraggingElement,\r\n IUseDragOptions,\r\n} from '../types';\r\n\r\nimport type { Ref } from 'vue';\r\nimport { createPayload } from '../utils/events';\r\nimport { defaultCollisionDetection } from '../utils/sensor';\r\nimport { isDescendant } from '../utils/dom';\r\nimport { useDnDStore } from './useDnDStore';\r\nimport { useKeyboard } from './useKeyboard';\r\nimport { usePointer } from './usePointer';\r\nimport { useThrottleFn } from '@vueuse/core';\r\n\r\nexport const useSensor = (\r\n elementRef: Ref<HTMLElement | null>,\r\n options?: IUseDragOptions\r\n) => {\r\n const store = useDnDStore();\r\n\r\n const { onPointerStart, onPointerMove, onPointerEnd } =\r\n usePointer(elementRef);\r\n\r\n const { onKeyboardStart, onKeyboardMove, onKeyboardEnd } = useKeyboard(\r\n elementRef,\r\n options?.keyboard\r\n );\r\n\r\n let animationFrameId: number | null = null;\r\n\r\n const getDraggingElements = (\r\n draggableElement: HTMLElement | null\r\n ): Map<HTMLElement | Element, IDraggingElement> => {\r\n if (!draggableElement) return new Map();\r\n\r\n const isDraggableInSelection =\r\n store.selectedElements.value.has(draggableElement);\r\n\r\n if (store.selectedElements.value.size > 0 && isDraggableInSelection) {\r\n const result = new Map<HTMLElement | Element, IDraggingElement>();\r\n\r\n store.selectedElements.value.forEach((node) => {\r\n const element = store.elementsMap.value.get(node);\r\n if (!element) return;\r\n\r\n result.set(node, {\r\n ...element,\r\n initialHTML: element.node?.outerHTML ?? '',\r\n initialRect: element.node?.getBoundingClientRect(),\r\n });\r\n });\r\n\r\n return result;\r\n }\r\n\r\n store.selectedElements.value.clear();\r\n\r\n const element = store.elementsMap.value.get(draggableElement);\r\n if (!element) return new Map();\r\n\r\n const result = new Map<HTMLElement | Element, IDraggingElement>();\r\n result.set(draggableElement, {\r\n ...element,\r\n initialHTML: element.node?.outerHTML ?? '',\r\n initialRect: element.node?.getBoundingClientRect(),\r\n });\r\n\r\n return result;\r\n };\r\n\r\n const processUserCollisionResults = (\r\n htmlElements: HTMLElement | HTMLElement[] | Element | Element[] | null\r\n ) => {\r\n if (!htmlElements) {\r\n return { element: null, zone: null };\r\n }\r\n\r\n const elements = Array.isArray(htmlElements)\r\n ? htmlElements\r\n : [htmlElements];\r\n\r\n const activeDragNodes = Array.from(store.draggingElements.value.keys());\r\n\r\n const filteredZoneElement = elements.find((htmlElement) => {\r\n if (!store.visibleZones.value.has(htmlElement)) return false;\r\n\r\n const zone = store.zonesMap.value.get(htmlElement);\r\n if (!zone) return false;\r\n\r\n if (\r\n activeDragNodes.some(\r\n (dragNode) =>\r\n dragNode &&\r\n (dragNode === zone.node ||\r\n isDescendant(zone.node as HTMLElement, dragNode as HTMLElement))\r\n )\r\n )\r\n return false;\r\n\r\n if (zone.groups.length) {\r\n const isCompatible = !Array.from(\r\n store.draggingElements.value.values()\r\n ).some((element) => {\r\n if (!element.groups.length) return false;\r\n return !element.groups.some((group) => zone.groups.includes(group));\r\n });\r\n if (!isCompatible) return false;\r\n }\r\n\r\n return true;\r\n });\r\n\r\n if (!filteredZoneElement) {\r\n return { element: null, zone: null };\r\n }\r\n\r\n const possibleElement = elements.find(\r\n (htmlElement) =>\r\n store.visibleElements.value.has(htmlElement) &&\r\n store.elementsMap.value.has(htmlElement) &&\r\n !activeDragNodes.some(\r\n (dragNode) =>\r\n dragNode &&\r\n (dragNode === htmlElement ||\r\n isDescendant(\r\n htmlElement as HTMLElement,\r\n dragNode as HTMLElement\r\n ) ||\r\n isDescendant(dragNode as HTMLElement, htmlElement as HTMLElement))\r\n ) &&\r\n (htmlElement === filteredZoneElement ||\r\n isDescendant(\r\n htmlElement as HTMLElement,\r\n filteredZoneElement as HTMLElement\r\n ))\r\n );\r\n\r\n return {\r\n element: possibleElement || null,\r\n zone: filteredZoneElement,\r\n };\r\n };\r\n\r\n const detectCollisions = options?.sensor?.setup || defaultCollisionDetection;\r\n\r\n const processCollisionResults = (results: ICollisionDetectionResult) => {\r\n const previousElement = store.hovered.element.value;\r\n const previousZone = store.hovered.zone.value;\r\n\r\n store.hovered.element.value = results.element;\r\n store.hovered.zone.value = results.zone;\r\n\r\n if (previousElement) {\r\n if (store.hovered.element.value !== previousElement) {\r\n store.elementsMap.value\r\n .get(previousElement)\r\n ?.events?.onLeave?.(store, createPayload(store));\r\n\r\n if (store.hovered.element.value)\r\n store.elementsMap.value\r\n .get(store.hovered.element.value)\r\n ?.events?.onHover?.(store, createPayload(store));\r\n }\r\n }\r\n\r\n if (previousZone) {\r\n if (store.hovered.zone.value !== previousZone) {\r\n store.zonesMap.value\r\n .get(previousZone)\r\n ?.events?.onLeave?.(store, createPayload(store));\r\n\r\n if (store.hovered.zone.value)\r\n store.zonesMap.value\r\n .get(store.hovered.zone.value)\r\n ?.events?.onHover?.(store, createPayload(store));\r\n }\r\n }\r\n };\r\n\r\n const throttledDetectAndProcess = useThrottleFn(() => {\r\n const htmlElements = detectCollisions(store);\r\n const processedResults = processUserCollisionResults(htmlElements);\r\n processCollisionResults(processedResults);\r\n }, options?.sensor?.throttle ?? 0);\r\n\r\n const animationLoop = () => {\r\n throttledDetectAndProcess();\r\n\r\n animationFrameId = requestAnimationFrame(animationLoop);\r\n };\r\n\r\n const startDetection = () => animationLoop();\r\n\r\n const stopDetection = () => {\r\n if (animationFrameId !== null) {\r\n cancelAnimationFrame(animationFrameId);\r\n animationFrameId = null;\r\n }\r\n };\r\n\r\n const activate = (event: PointerEvent | KeyboardEvent) => {\r\n store.draggingElements.value = getDraggingElements(elementRef.value);\r\n store.draggingElements.value.forEach((element) =>\r\n element.events.onStart?.(store, createPayload(store))\r\n );\r\n\r\n if (event instanceof PointerEvent) {\r\n onPointerStart(event);\r\n } else {\r\n onKeyboardStart(event);\r\n }\r\n\r\n startDetection();\r\n };\r\n\r\n const track = (event: PointerEvent | WheelEvent | KeyboardEvent) => {\r\n store.draggingElements.value.forEach((element) =>\r\n element.events.onMove?.(store, createPayload(store))\r\n );\r\n\r\n if (event instanceof KeyboardEvent) {\r\n onKeyboardMove();\r\n } else {\r\n onPointerMove(event);\r\n }\r\n };\r\n\r\n const deactivate = (triggerEvents = true) => {\r\n onPointerEnd();\r\n onKeyboardEnd();\r\n\r\n if (triggerEvents) {\r\n if (store.hovered.zone.value) {\r\n const zone = store.zonesMap.value.get(store.hovered.zone.value);\r\n zone?.events.onDrop?.(store, createPayload(store));\r\n } else {\r\n store.draggingElements.value.forEach((element) =>\r\n element.events.onEnd?.(store, createPayload(store))\r\n );\r\n }\r\n\r\n store.selectedElements.value.clear();\r\n }\r\n\r\n store.draggingElements.value.clear();\r\n\r\n store.hovered.zone.value = null;\r\n store.hovered.element.value = null;\r\n\r\n stopDetection();\r\n };\r\n\r\n return {\r\n activate,\r\n track,\r\n deactivate,\r\n };\r\n};\r\n","import { Ref, markRaw } from 'vue';\r\n\r\nimport type { IUseDragOptions } from '../types';\r\nimport { createGlobalState } from '@vueuse/core';\r\nimport { preventEvent } from '../utils/events';\r\nimport { useDnDStore } from '../composables/useDnDStore';\r\nimport { useSensor } from '../composables/useSensor';\r\n\r\nenum EKeyboardKey {\r\n ESCAPE = 'Escape',\r\n SPACE = 'Space',\r\n ENTER = 'Enter',\r\n W = 'KeyW',\r\n A = 'KeyA',\r\n S = 'KeyS',\r\n D = 'KeyD',\r\n CONTROL = 'ControlLeft',\r\n ALT = 'AltLeft',\r\n SHIFT = 'ShiftLeft',\r\n META = 'MetaLeft',\r\n}\r\n\r\nexport const useEventManager = createGlobalState(() => {\r\n let originalUserSelect = '';\r\n let originalTouchAction = '';\r\n let originalOverscrollBehavior = '';\r\n\r\n let currentMoveHandler: ((event: any) => void) | null = null;\r\n let currentEndHandler: (() => void) | null = null;\r\n let currentCancelHandler: (() => void) | null = null;\r\n let currentScrollHandler: ((event: WheelEvent) => void) | null = null;\r\n let currentKeyHandler: ((event: KeyboardEvent) => void) | null = null;\r\n\r\n const { activeContainer } = useDnDStore();\r\n\r\n const disableInteractions = () => {\r\n const body = document.body;\r\n\r\n originalUserSelect = body.style.userSelect;\r\n\r\n body.style.userSelect = 'none';\r\n\r\n window.addEventListener('contextmenu', preventEvent);\r\n window.addEventListener('selectstart', preventEvent);\r\n window.addEventListener('touchstart', preventEvent);\r\n window.addEventListener('touchmove', preventEvent);\r\n };\r\n\r\n const enableInteractions = () => {\r\n const body = document.body;\r\n\r\n body.style.userSelect = originalUserSelect;\r\n body.style.touchAction = originalTouchAction;\r\n body.style.overscrollBehavior = originalOverscrollBehavior;\r\n\r\n window.removeEventListener('contextmenu', preventEvent);\r\n window.removeEventListener('selectstart', preventEvent);\r\n window.removeEventListener('touchstart', preventEvent);\r\n window.removeEventListener('touchmove', preventEvent);\r\n };\r\n\r\n const clearAllListeners = () => {\r\n if (currentMoveHandler) {\r\n document.removeEventListener('pointermove', currentMoveHandler);\r\n currentMoveHandler = null;\r\n }\r\n\r\n if (currentEndHandler) {\r\n document.removeEventListener('pointerup', currentEndHandler);\r\n currentEndHandler = null;\r\n }\r\n\r\n if (currentCancelHandler) {\r\n currentCancelHandler = null;\r\n }\r\n\r\n if (currentScrollHandler) {\r\n document.removeEventListener('wheel', currentScrollHandler);\r\n currentScrollHandler = null;\r\n }\r\n\r\n if (currentKeyHandler) {\r\n document.removeEventListener('keydown', currentKeyHandler);\r\n document.removeEventListener('keypress', currentKeyHandler);\r\n document.removeEventListener('keyup', currentKeyHandler);\r\n currentKeyHandler = null;\r\n }\r\n };\r\n\r\n const handleDragStart = (\r\n event: PointerEvent | KeyboardEvent,\r\n elementRef: Ref<HTMLElement | null>,\r\n options?: IUseDragOptions\r\n ) => {\r\n clearAllListeners();\r\n\r\n (event.target as HTMLElement).blur();\r\n\r\n if (options?.container)\r\n activeContainer.component.value = markRaw(options.container);\r\n\r\n const { activate, track, deactivate } = useSensor(elementRef, options);\r\n\r\n currentEndHandler = () => {\r\n activeContainer.component.value = null;\r\n enableInteractions();\r\n deactivate(true);\r\n clearAllListeners();\r\n };\r\n\r\n currentCancelHandler = () => {\r\n activeContainer.component.value = null;\r\n enableInteractions();\r\n deactivate(false);\r\n clearAllListeners();\r\n };\r\n\r\n currentMoveHandler = (event: PointerEvent | KeyboardEvent) => track(event);\r\n currentScrollHandler = (event: WheelEvent) => track(event);\r\n currentKeyHandler = (event: KeyboardEvent) => {\r\n if (event.type === 'keyup') {\r\n if (event.code === EKeyboardKey.ESCAPE) currentCancelHandler?.();\r\n if (event.code === EKeyboardKey.ENTER) currentEndHandler?.();\r\n }\r\n\r\n track(event);\r\n };\r\n\r\n disableInteractions();\r\n activate(event);\r\n\r\n document.addEventListener('pointermove', currentMoveHandler);\r\n document.addEventListener('pointerup', currentEndHandler);\r\n document.addEventListener('wheel', currentScrollHandler);\r\n document.addEventListener('keydown', currentKeyHandler);\r\n document.addEventListener('keypress', currentKeyHandler);\r\n document.addEventListener('keyup', currentKeyHandler);\r\n };\r\n\r\n return {\r\n handleDragStart,\r\n };\r\n});\r\n","import { onBeforeUnmount, onMounted } from 'vue';\r\n\r\nimport type { IUseDragOptions } from '../types';\r\nimport { useDnDStore } from './useDnDStore';\r\nimport { useElementManager } from '../managers/useElementManager';\r\nimport { useEventManager } from '../managers/useEventManager';\r\n\r\nexport const useDraggable = (options?: IUseDragOptions) => {\r\n const {\r\n id,\r\n elementRef,\r\n isDragging,\r\n isOvered,\r\n isAllowed,\r\n registerElement,\r\n unregisterElement,\r\n } = useElementManager(options);\r\n\r\n const { pointerPosition } = useDnDStore();\r\n const { handleDragStart: start } = useEventManager();\r\n\r\n const handleDragStart = (event: PointerEvent | KeyboardEvent) =>\r\n start(event, elementRef, options);\r\n\r\n onMounted(registerElement);\r\n onBeforeUnmount(unregisterElement);\r\n\r\n return {\r\n pointerPosition,\r\n elementRef,\r\n isDragging,\r\n isOvered,\r\n isAllowed,\r\n handleDragStart,\r\n id,\r\n };\r\n};\r\n","import { computed, ref } from 'vue';\r\n\r\nimport type { IUseDropOptions } from '../types';\r\nimport { useDnDStore } from '../composables/useDnDStore';\r\n\r\nexport const useZoneManager = (options?: IUseDropOptions) => {\r\n const {\r\n zonesMap,\r\n hovered,\r\n draggingElements,\r\n isDragging,\r\n handleDropZoneIntersection,\r\n } = useDnDStore();\r\n\r\n const elementRef = ref<HTMLElement | null>(null);\r\n\r\n const isOvered = computed<boolean>(() => {\r\n return hovered.zone.value === elementRef.value;\r\n });\r\n\r\n const isAllowed = computed<boolean>(() => {\r\n if (!elementRef.value || !isDragging.value) return false;\r\n\r\n const currentZone = zonesMap.value.get(elementRef.value);\r\n if (!currentZone?.groups.length) return true;\r\n\r\n return !Array.from(draggingElements.value.values()).some((element) => {\r\n if (!element.groups.length) return false;\r\n return !element.groups.some((group) =>\r\n currentZone.groups.includes(group)\r\n );\r\n });\r\n });\r\n\r\n const registerZone = () => {\r\n if (!elementRef.value) throw new Error('elementRef is not set');\r\n\r\n handleDropZoneIntersection('add', elementRef.value);\r\n\r\n zonesMap.value.set(elementRef.value, {\r\n node: elementRef.value,\r\n groups: options?.groups ?? [],\r\n events: options?.events ?? {},\r\n data: options?.data ?? undefined,\r\n });\r\n\r\n elementRef.value.setAttribute('data-dnd-droppable', 'true');\r\n };\r\n\r\n const unregisterZone = () => {\r\n if (!elementRef.value) return;\r\n\r\n handleDropZoneIntersection('remove', elementRef.value);\r\n\r\n zonesMap.value.delete(elementRef.value);\r\n };\r\n\r\n return { elementRef, registerZone, unregisterZone, isOvered, isAllowed };\r\n};\r\n","import { onBeforeUnmount, onMounted } from 'vue';\r\n\r\nimport type { IUseDropOptions } from '../types';\r\nimport { useZoneManager } from '../managers/useZoneManager';\r\n\r\nexport const useDroppable = (options?: IUseDropOptions) => {\r\n const { elementRef, registerZone, unregisterZone, isOvered, isAllowed } =\r\n useZoneManager(options);\r\n\r\n // Register/unregister drop zone with store\r\n onMounted(registerZone);\r\n onBeforeUnmount(unregisterZone);\r\n\r\n return { elementRef, isOvered, isAllowed };\r\n};\r\n","import { computed, type Ref } from 'vue';\r\nimport { useDnDStore } from './useDnDStore';\r\nimport { isDescendant } from '../utils/dom';\r\n\r\nexport const useSelection = (elementRef: Ref<HTMLElement | null>) => {\r\n const { selectedElements, elementsMap } = useDnDStore();\r\n\r\n const isSelected = computed<boolean>(() =>\r\n elementRef.value ? selectedElements.value.has(elementRef.value) : false\r\n );\r\n\r\n const isParentOfSelected = computed(() => {\r\n if (!elementRef.value) return false;\r\n\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(node as HTMLElement, elementRef.value as HTMLElement)\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n });\r\n\r\n const hasSelectedParent = computed(() => {\r\n if (!elementRef.value) return false;\r\n\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(elementRef.value as HTMLElement, node as HTMLElement)\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n });\r\n\r\n const handleUnselect = () => {\r\n if (!elementRef.value) return;\r\n selectedElements.value.delete(elementRef.value);\r\n };\r\n\r\n const handleSelect = () => {\r\n if (!elementRef.value) return;\r\n const element = elementsMap.value.get(elementRef.value);\r\n if (!element) return;\r\n\r\n if (isParentOfSelected.value) {\r\n // Удаляем все дочерние выбранные элементы\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(node as HTMLElement, elementRef.value as HTMLElement)\r\n ) {\r\n selectedElements.value.delete(node);\r\n }\r\n }\r\n }\r\n\r\n if (hasSelectedParent.value) {\r\n // Удаляем все родительские выбранные элементы\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(elementRef.value as HTMLElement, node as HTMLElement)\r\n ) {\r\n selectedElements.value.delete(node);\r\n }\r\n }\r\n }\r\n\r\n selectedElements.value.add(elementRef.value);\r\n };\r\n\r\n const handleToggleSelect = () => {\r\n if (!elementRef.value) return;\r\n\r\n selectedElements.value.has(elementRef.value)\r\n ? handleUnselect()\r\n : handleSelect();\r\n };\r\n\r\n return {\r\n handleUnselect,\r\n handleSelect,\r\n handleToggleSelect,\r\n isSelected,\r\n isParentOfSelected,\r\n };\r\n};\r\n"],"names":["_DnDOperations","__publicField","source","index","item","target","sourceIndex","targetIndex","sourceItem","targetItem","store","hoveredElement","hoveredZone","targetSource","_b","_a","_d","_c","firstElement","firstIndex","_e","sortDirection","a","b","element","_g","_f","_h","items","DnDOperations","useDnDStore","createGlobalState","draggingElements","ref","isDragging","computed","activeContainer","shallowRef","elementsMap","selectedElements","zonesMap","visibleZones","visibleElements","elementObserver","entries","entry","zoneObserver","handleDragElementIntersection","action","handleDropZoneIntersection","pointerPosition","w","s","d","ctrl","shift","alt","meta","useMagicKeys","hovered","useDragContainer","options","elementRef","onMounted","onUnmounted","computedStyle","overlay","DefaultOverlay","VueDndKitPlugin","app","DragOverlay","originalMount","rootContainer","instance","rootEl","overlayContainer","vnode","createVNode","render","originalUnmount","checkCollision","boxA","boxB","getBoundingBox","rect","getCenter","box","getOffset","pointer","getDistance","pointA","pointB","dx","dy","getOverlapPercent","xOverlap","yOverlap","overlapArea","boxAArea","boxBArea","draggableDataName","preventEvent","event","createPayload","useElementManager","isDragStarted","isOvered","id","useId","isAllowed","currentElement","_","draggingElement","group","isDescendant","container","defaultCollisionDetection","containerRect","containerCenter","pointerX","pointerY","shouldUseNormalPriority","activeDragNodes","allCollidingElements","node","elementCenter","isPointerInElement","overlapPercent","centerDistance","depth","parentNode","allCollidingZones","dragNode","zone","zoneCenter","useKeyboard","keyboard","moveStep","centerX","centerY","currentX","currentY","newX","newY","usePointer","pixel","percent","useSensor","onPointerStart","onPointerMove","onPointerEnd","onKeyboardStart","onKeyboardMove","onKeyboardEnd","animationFrameId","getDraggingElements","draggableElement","isDraggableInSelection","result","processUserCollisionResults","htmlElements","elements","filteredZoneElement","htmlElement","detectCollisions","processCollisionResults","results","previousElement","previousZone","_i","_l","_k","_j","throttledDetectAndProcess","useThrottleFn","processedResults","animationLoop","startDetection","stopDetection","triggerEvents","useEventManager","originalUserSelect","originalTouchAction","originalOverscrollBehavior","currentMoveHandler","currentEndHandler","currentCancelHandler","currentScrollHandler","currentKeyHandler","disableInteractions","body","enableInteractions","clearAllListeners","markRaw","activate","track","deactivate","useDraggable","registerElement","unregisterElement","start","handleDragStart","onBeforeUnmount","useZoneManager","currentZone","useDroppable","registerZone","unregisterZone","useSelection","isSelected","isParentOfSelected","hasSelectedParent","handleUnselect","handleSelect"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vue-dnd-kit-core.cjs.js","sources":["../src/utils/operations.ts","../src/composables/useDnDStore.ts","../src/composables/useDragContainer.ts","../src/components/DefaultOverlay.vue","../src/components/DragOverlay.vue","../src/plugin.ts","../src/utils/geometry.ts","../src/utils/namespaces.ts","../src/utils/events.ts","../src/managers/useElementManager.ts","../src/utils/dom.ts","../src/utils/sensor.ts","../src/composables/useKeyboard.ts","../src/composables/usePointer.ts","../src/composables/useSensor.ts","../src/managers/useEventManager.ts","../src/composables/useDraggable.ts","../src/managers/useZoneManager.ts","../src/composables/useDroppable.ts","../src/composables/useSelection.ts"],"sourcesContent":["import { IDnDStore } from '../types';\r\n\r\nexport class DnDOperations {\r\n static remove = (source?: any[], index?: number) => {\r\n if (!source || index === undefined) return;\r\n const [item] = source.splice(index, 1);\r\n return item;\r\n };\r\n static insert = (target?: any[], index?: number, item?: any) => {\r\n if (!target || index === undefined) return;\r\n target.splice(index, 0, item);\r\n };\r\n static move = (\r\n source?: any[],\r\n sourceIndex?: number,\r\n target?: any[],\r\n targetIndex?: number\r\n ) => {\r\n if (\r\n !source ||\r\n !target ||\r\n sourceIndex === undefined ||\r\n targetIndex === undefined\r\n )\r\n return;\r\n const item = DnDOperations.remove(source, sourceIndex);\r\n DnDOperations.insert(target, targetIndex, item);\r\n };\r\n static swap = (\r\n source?: any[],\r\n sourceIndex?: number,\r\n target?: any[],\r\n targetIndex?: number\r\n ) => {\r\n if (\r\n !source ||\r\n !target ||\r\n sourceIndex === undefined ||\r\n targetIndex === undefined\r\n )\r\n return;\r\n\r\n const sourceItem = source[sourceIndex];\r\n const targetItem = target[targetIndex];\r\n\r\n source[sourceIndex] = targetItem;\r\n target[targetIndex] = sourceItem;\r\n };\r\n static copy = (\r\n source?: any[],\r\n index?: number,\r\n target?: any[],\r\n targetIndex?: number\r\n ) => {\r\n if (!source || index === undefined || !target || targetIndex === undefined)\r\n return;\r\n const item = source[index];\r\n DnDOperations.insert(target, targetIndex, item);\r\n };\r\n static applyTransfer = (store: IDnDStore) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement) {\r\n const targetSource =\r\n store.elementsMap.value.get(hoveredElement)?.data?.source;\r\n const targetIndex =\r\n store.elementsMap.value.get(hoveredElement)?.data?.index;\r\n\r\n const firstElement = store.draggingElements.value.values().next().value;\r\n const firstIndex = firstElement?.data?.index;\r\n\r\n const sortDirection =\r\n firstIndex !== undefined &&\r\n targetIndex !== undefined &&\r\n firstIndex > targetIndex\r\n ? 1\r\n : -1;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort(\r\n (a, b) => sortDirection * ((a.data?.index || 0) - (b.data?.index || 0))\r\n );\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.move(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.move(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n }\r\n };\r\n\r\n static applyCopy = (store: IDnDStore) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement) {\r\n const targetSource =\r\n store.elementsMap.value.get(hoveredElement)?.data?.source;\r\n const targetIndex =\r\n store.elementsMap.value.get(hoveredElement)?.data?.index;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.copy(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.copy(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n }\r\n };\r\n static applySwap = (store: IDnDStore) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement && store.draggingElements.value.size === 1) {\r\n const element = store.draggingElements.value.values().next().value;\r\n DnDOperations.swap(\r\n element?.data?.source,\r\n element?.data?.index,\r\n store.elementsMap.value.get(hoveredElement)?.data?.source,\r\n store.elementsMap.value.get(hoveredElement)?.data?.index\r\n );\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) =>\r\n DnDOperations.move(\r\n element.data?.source,\r\n element.data?.index,\r\n targetSource,\r\n targetIndex\r\n )\r\n );\r\n }\r\n };\r\n static applyRemove = (store: IDnDStore) => {\r\n const sortedElements = Array.from(\r\n store.draggingElements.value.values()\r\n ).sort((a, b) => (b.data?.index || 0) - (a.data?.index || 0));\r\n\r\n sortedElements.forEach((element) => {\r\n if (element.data?.source && element.data?.index !== undefined) {\r\n DnDOperations.remove(element.data.source, element.data.index);\r\n }\r\n });\r\n };\r\n static applyInsert = (store: IDnDStore, items: any[]) => {\r\n const hoveredElement = store.hovered.element.value;\r\n const hoveredZone = store.hovered.zone.value;\r\n\r\n if (hoveredElement && items.length > 0) {\r\n const targetSource =\r\n store.elementsMap.value.get(hoveredElement)?.data?.source;\r\n const targetIndex =\r\n store.elementsMap.value.get(hoveredElement)?.data?.index;\r\n\r\n items.forEach((item) => {\r\n DnDOperations.insert(targetSource, targetIndex, item);\r\n });\r\n } else if (hoveredZone) {\r\n const targetSource = store.zonesMap.value.get(hoveredZone)?.data?.source;\r\n const targetIndex = targetSource?.length;\r\n\r\n items.forEach((item) => {\r\n DnDOperations.insert(targetSource, targetIndex, item);\r\n });\r\n }\r\n };\r\n}\r\n","import type {\r\n IDragElement,\r\n IDraggingElement,\r\n IDropZone,\r\n IPoint,\r\n} from '../types';\r\nimport {\r\n computed,\r\n ref,\r\n shallowRef,\r\n type Component,\r\n type TransitionProps,\r\n} from 'vue';\r\nimport { createGlobalState, useMagicKeys } from '@vueuse/core';\r\n\r\nexport const useDnDStore = createGlobalState(() => {\r\n const draggingElements = ref<Map<HTMLElement | Element, IDraggingElement>>(\r\n new Map()\r\n );\r\n const isDragging = computed<boolean>(() => draggingElements.value.size > 0);\r\n\r\n const activeContainer = {\r\n component: ref<Component | null>(null),\r\n ref: shallowRef<HTMLElement | null>(null),\r\n options: shallowRef<TransitionProps | null>(null),\r\n };\r\n\r\n const elementsMap = ref<Map<HTMLElement | Element, IDragElement>>(new Map());\r\n const selectedElements = ref<Set<HTMLElement | Element>>(new Set());\r\n const zonesMap = ref<Map<HTMLElement | Element, IDropZone>>(new Map());\r\n const visibleZones = ref<Set<HTMLElement | Element>>(new Set());\r\n const visibleElements = ref<Set<HTMLElement | Element>>(new Set());\r\n\r\n const elementObserver = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) =>\r\n visibleElements.value[entry.isIntersecting ? 'add' : 'delete'](\r\n entry.target\r\n )\r\n );\r\n });\r\n const zoneObserver = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) =>\r\n visibleZones.value[entry.isIntersecting ? 'add' : 'delete'](entry.target)\r\n );\r\n });\r\n\r\n const handleDragElementIntersection = (\r\n action: 'add' | 'remove',\r\n element: HTMLElement | Element\r\n ) => {\r\n if (action === 'add') {\r\n elementObserver.observe(element);\r\n } else {\r\n elementObserver.unobserve(element);\r\n visibleElements.value.delete(element);\r\n }\r\n };\r\n\r\n const handleDropZoneIntersection = (\r\n action: 'add' | 'remove',\r\n element: HTMLElement | Element\r\n ) => {\r\n if (action === 'add') {\r\n zoneObserver.observe(element);\r\n } else {\r\n zoneObserver.unobserve(element);\r\n visibleZones.value.delete(element);\r\n }\r\n };\r\n\r\n const pointerPosition = {\r\n start: shallowRef<IPoint | null>(null),\r\n current: shallowRef<IPoint | null>(null),\r\n offset: {\r\n percent: shallowRef<IPoint | null>(null),\r\n pixel: shallowRef<IPoint | null>(null),\r\n },\r\n };\r\n\r\n const { w, s, a, d, ctrl, shift, alt, meta } = useMagicKeys();\r\n\r\n const hovered = {\r\n zone: shallowRef<HTMLElement | Element | null>(null),\r\n element: shallowRef<HTMLElement | Element | null>(null),\r\n };\r\n\r\n return {\r\n draggingElements,\r\n isDragging,\r\n activeContainer,\r\n elementsMap,\r\n selectedElements,\r\n zonesMap,\r\n visibleZones,\r\n visibleElements,\r\n pointerPosition,\r\n keyboard: {\r\n w,\r\n s,\r\n a,\r\n d,\r\n ctrl,\r\n shift,\r\n alt,\r\n meta,\r\n },\r\n hovered,\r\n handleDragElementIntersection,\r\n handleDropZoneIntersection,\r\n };\r\n});\r\n","import { onUnmounted, onMounted, ref, type TransitionProps } from 'vue';\r\n\r\nimport { useDnDStore } from './useDnDStore';\r\n\r\nexport const useDragContainer = (options?: Omit<TransitionProps, 'appear'>) => {\r\n const elementRef = ref<HTMLElement | null>(null);\r\n\r\n const { draggingElements, pointerPosition, isDragging, activeContainer } =\r\n useDnDStore();\r\n\r\n onMounted(() => {\r\n activeContainer.ref = elementRef;\r\n activeContainer.options.value = options ?? null;\r\n });\r\n\r\n onUnmounted(() => {\r\n activeContainer.ref.value = null;\r\n activeContainer.options.value = null;\r\n });\r\n\r\n return {\r\n elementRef,\r\n draggingElements,\r\n pointerPosition,\r\n isDragging,\r\n };\r\n};\r\n","<script setup lang=\"ts\">\r\n import { computed, CSSProperties } from 'vue';\r\n import { useDragContainer } from '../composables/useDragContainer';\r\n\r\n const { elementRef, pointerPosition, isDragging, draggingElements } =\r\n useDragContainer();\r\n\r\n const computedStyle = computed<CSSProperties>(() => ({\r\n transform: `translate3d(${\r\n (pointerPosition.current.value?.x ?? 0) -\r\n (pointerPosition.offset.pixel.value?.x ?? 0)\r\n }px, ${\r\n (pointerPosition.current.value?.y ?? 0) -\r\n (pointerPosition.offset.pixel.value?.y ?? 0)\r\n }px, 0)`,\r\n zIndex: 1000,\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n transition: '0.3s cubic-bezier(0.165, 0.84, 0.44, 1)',\r\n }));\r\n</script>\r\n\r\n<template>\r\n <div\r\n v-if=\"isDragging\"\r\n ref=\"elementRef\"\r\n :style=\"computedStyle\"\r\n >\r\n <template\r\n v-for=\"[node, element] in draggingElements\"\r\n :key=\"element.id\"\r\n >\r\n <component\r\n v-if=\"element.layer\"\r\n :is=\"element.layer\"\r\n :node=\"node\"\r\n :data=\"element.data\"\r\n :id=\"element.id\"\r\n :groups=\"element.groups\"\r\n />\r\n <div\r\n v-else\r\n v-html=\"element.initialHTML\"\r\n :style=\"{\r\n width: `${element.initialRect?.width}px`,\r\n height: `${element.initialRect?.height}px`,\r\n }\"\r\n />\r\n </template>\r\n </div>\r\n</template>\r\n","<script setup lang=\"ts\">\r\n import { computed } from 'vue';\r\n import { useDnDStore } from '../composables/useDnDStore';\r\n import DefaultOverlay from './DefaultOverlay.vue';\r\n\r\n const { activeContainer } = useDnDStore();\r\n\r\n const overlay = computed(\r\n () => activeContainer.component.value ?? DefaultOverlay\r\n );\r\n</script>\r\n\r\n<template>\r\n <Transition\r\n v-if=\"activeContainer.options.value\"\r\n :name=\"activeContainer.options.value.name\"\r\n :duration=\"activeContainer.options.value.duration\"\r\n :enter-from-class=\"activeContainer.options.value.enterFromClass\"\r\n :enter-to-class=\"activeContainer.options.value.enterToClass\"\r\n :enter-active-class=\"activeContainer.options.value.enterActiveClass\"\r\n :leave-from-class=\"activeContainer.options.value.leaveFromClass\"\r\n :leave-to-class=\"activeContainer.options.value.leaveToClass\"\r\n :leave-active-class=\"activeContainer.options.value.leaveActiveClass\"\r\n :appear-active-class=\"activeContainer.options.value.appearActiveClass\"\r\n :appear-from-class=\"activeContainer.options.value.appearFromClass\"\r\n :appear-to-class=\"activeContainer.options.value.appearToClass\"\r\n :mode=\"activeContainer.options.value.mode\"\r\n :type=\"activeContainer.options.value.type\"\r\n :css=\"activeContainer.options.value.css\"\r\n :appear=\"true\"\r\n :persisted=\"activeContainer.options.value.persisted\"\r\n @enter=\"activeContainer.options.value.onEnter\"\r\n @leave=\"activeContainer.options.value.onLeave\"\r\n @before-enter=\"activeContainer.options.value.onBeforeEnter\"\r\n @before-leave=\"activeContainer.options.value.onBeforeLeave\"\r\n @before-appear=\"activeContainer.options.value.onBeforeAppear\"\r\n @after-enter=\"activeContainer.options.value.onAfterEnter\"\r\n @after-leave=\"activeContainer.options.value.onAfterLeave\"\r\n @after-appear=\"activeContainer.options.value.onAfterAppear\"\r\n >\r\n <component :is=\"overlay\" />\r\n </Transition>\r\n\r\n <component\r\n v-else\r\n :is=\"overlay\"\r\n />\r\n</template>\r\n","import { createVNode, render } from 'vue';\r\n\r\nimport type { App } from 'vue';\r\nimport DragOverlay from './components/DragOverlay.vue';\r\nimport { useDnDStore } from './composables/useDnDStore';\r\n\r\nexport const VueDndKitPlugin = {\r\n install(app: App) {\r\n app.component('DragOverlay', DragOverlay);\r\n const originalMount = app.mount;\r\n app.mount = function (rootContainer) {\r\n const instance = originalMount.call(this, rootContainer);\r\n\r\n const rootEl =\r\n typeof rootContainer === 'string'\r\n ? document.querySelector(rootContainer)\r\n : rootContainer;\r\n\r\n if (rootEl && rootEl instanceof Element) {\r\n if (!rootEl.querySelector('#vue-dnd-kit-overlay')) {\r\n const overlayContainer = document.createElement('div');\r\n\r\n overlayContainer.id = 'vue-dnd-kit-overlay';\r\n overlayContainer.style.pointerEvents = 'none';\r\n\r\n rootEl.appendChild(overlayContainer);\r\n const vnode = createVNode(DragOverlay);\r\n render(vnode, overlayContainer);\r\n\r\n app.__VUE_DND_KIT_OVERLAY__ = {\r\n container: overlayContainer,\r\n vnode,\r\n };\r\n\r\n const store = useDnDStore();\r\n app.__VUE_DND_KIT_STORE__ = store;\r\n }\r\n }\r\n\r\n return instance;\r\n };\r\n\r\n // Модифицируем метод unmount для очистки\r\n const originalUnmount = app.unmount;\r\n app.unmount = function () {\r\n if (app.__VUE_DND_KIT_OVERLAY__) {\r\n render(null, app.__VUE_DND_KIT_OVERLAY__.container);\r\n delete app.__VUE_DND_KIT_OVERLAY__;\r\n }\r\n return originalUnmount.call(this);\r\n };\r\n },\r\n};\r\n\r\ndeclare module '@vue/runtime-core' {\r\n export interface App {\r\n __VUE_DND_KIT_OVERLAY__?: {\r\n container: HTMLElement;\r\n vnode: any;\r\n };\r\n __VUE_DND_KIT_STORE__?: ReturnType<typeof useDnDStore>;\r\n }\r\n}\r\n","import type { IBoundingBox, IPoint } from '../types';\r\n\r\nexport const checkCollision = (\r\n boxA: IBoundingBox,\r\n boxB: IBoundingBox\r\n): boolean => {\r\n return (\r\n boxA.x < boxB.x + boxB.width &&\r\n boxA.x + boxA.width > boxB.x &&\r\n boxA.y < boxB.y + boxB.height &&\r\n boxA.y + boxA.height > boxB.y\r\n );\r\n};\r\n\r\nexport const getBoundingBox = (element: HTMLElement | null): IBoundingBox => {\r\n if (!element)\r\n return {\r\n x: 0,\r\n y: 0,\r\n width: 0,\r\n height: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n top: 0,\r\n };\r\n\r\n const rect = element.getBoundingClientRect();\r\n\r\n return {\r\n bottom: rect.bottom,\r\n left: rect.left,\r\n right: rect.right,\r\n top: rect.top,\r\n x: rect.x,\r\n y: rect.y,\r\n width: rect.width,\r\n height: rect.height,\r\n };\r\n};\r\n\r\nexport const getCenter = (box: IBoundingBox): IPoint => ({\r\n x: box.x + box.width / 2,\r\n y: box.y + box.height / 2,\r\n});\r\n\r\nexport const getOffset = (element: HTMLElement | null, pointer: IPoint) => {\r\n const rect = getBoundingBox(element);\r\n return {\r\n pixel: {\r\n x: pointer.x - rect.x,\r\n y: pointer.y - rect.y,\r\n },\r\n percent: {\r\n x: ((pointer.x - rect.x) / rect.width) * 100,\r\n y: ((pointer.y - rect.y) / rect.height) * 100,\r\n },\r\n };\r\n};\r\n\r\nexport const getDistance = (pointA: IPoint, pointB: IPoint): number => {\r\n const dx = pointB.x - pointA.x;\r\n const dy = pointB.y - pointA.y;\r\n return Math.sqrt(dx * dx + dy * dy);\r\n};\r\n\r\nexport const getOverlapPercent = (\r\n boxA: IBoundingBox,\r\n boxB: IBoundingBox\r\n): number => {\r\n const xOverlap = Math.max(\r\n 0,\r\n Math.min(boxA.x + boxA.width, boxB.x + boxB.width) -\r\n Math.max(boxA.x, boxB.x)\r\n );\r\n const yOverlap = Math.max(\r\n 0,\r\n Math.min(boxA.y + boxA.height, boxB.y + boxB.height) -\r\n Math.max(boxA.y, boxB.y)\r\n );\r\n\r\n const overlapArea = xOverlap * yOverlap;\r\n\r\n const boxAArea = boxA.width * boxA.height;\r\n const boxBArea = boxB.width * boxB.height;\r\n\r\n // Возвращаем среднее значение процентов перекрытия относительно обоих элементов\r\n return ((overlapArea / boxAArea) * 100 + (overlapArea / boxBArea) * 100) / 2;\r\n};\r\n","export const draggableDataName = 'data-vue-dnd-kit-draggable';\r\nexport const droppableDataName = 'data-vue-dnd-kit-droppable';\r\n","import { IDnDPayload, IDnDStore } from '../types';\r\n\r\nexport const preventEvent = (event: Event) => {\r\n event.preventDefault();\r\n};\r\n\r\nexport const createPayload = (store: IDnDStore): IDnDPayload => {\r\n return {\r\n items: Array.from(store.draggingElements.value.values()),\r\n };\r\n};\r\n","import { computed, ref, shallowRef, useId } from 'vue';\r\n\r\nimport type { IUseDragOptions } from '../types';\r\nimport { draggableDataName } from '../utils/namespaces';\r\nimport { preventEvent } from '../utils/events';\r\nimport { useDnDStore } from '../composables/useDnDStore';\r\n\r\nexport const useElementManager = (options?: IUseDragOptions) => {\r\n const {\r\n elementsMap,\r\n draggingElements,\r\n hovered,\r\n selectedElements,\r\n isDragging: isDragStarted,\r\n visibleElements,\r\n handleDragElementIntersection,\r\n } = useDnDStore();\r\n\r\n const elementRef = ref<HTMLElement | null>(null);\r\n const isOvered = computed<boolean>(\r\n () =>\r\n visibleElements.value.has(elementRef.value as HTMLElement) &&\r\n hovered.element.value === elementRef.value\r\n );\r\n\r\n const id = shallowRef(options?.id || useId());\r\n\r\n const isDragging = computed<boolean>(() => {\r\n if (!elementRef.value) return false;\r\n if (!visibleElements.value.has(elementRef.value)) return false;\r\n return draggingElements.value.has(elementRef.value);\r\n });\r\n\r\n const isAllowed = computed<boolean>(() => {\r\n if (!elementRef.value) return false;\r\n if (!isDragStarted.value) return false;\r\n if (!visibleElements.value.has(elementRef.value)) return false;\r\n\r\n const currentElement = elementsMap.value.get(elementRef.value);\r\n if (!currentElement?.groups.length) return true;\r\n\r\n return !Array.from(draggingElements.value.entries()).some(\r\n ([_, draggingElement]) => {\r\n if (!draggingElement.groups.length) return false;\r\n return !draggingElement.groups.some((group) =>\r\n currentElement.groups.includes(group)\r\n );\r\n }\r\n );\r\n });\r\n\r\n const registerElement = () => {\r\n if (!elementRef.value) throw new Error('ElementRef is not set');\r\n\r\n elementsMap.value.set(elementRef.value, {\r\n node: elementRef.value,\r\n groups: options?.groups ?? [],\r\n layer: options?.layer ?? null,\r\n defaultLayer: options?.layer ?? null,\r\n events: options?.events ?? {},\r\n data: options?.data ?? null,\r\n id: id.value,\r\n });\r\n\r\n handleDragElementIntersection('add', elementRef.value);\r\n\r\n elementRef.value.addEventListener('dragstart', preventEvent);\r\n elementRef.value.addEventListener('drag', preventEvent);\r\n elementRef.value.setAttribute(draggableDataName, 'true');\r\n elementRef.value.setAttribute('draggable', 'false');\r\n };\r\n\r\n const unregisterElement = () => {\r\n if (!elementRef.value) return;\r\n\r\n elementsMap.value.delete(elementRef.value);\r\n selectedElements.value.delete(elementRef.value);\r\n\r\n elementRef.value.removeEventListener('dragstart', preventEvent);\r\n elementRef.value.removeEventListener('drag', preventEvent);\r\n elementRef.value.removeAttribute(draggableDataName);\r\n elementRef.value.removeAttribute('draggable');\r\n };\r\n\r\n return {\r\n elementRef,\r\n registerElement,\r\n unregisterElement,\r\n isDragging,\r\n isOvered,\r\n isAllowed,\r\n id,\r\n };\r\n};\r\n","export const isDescendant = (\r\n element: HTMLElement | Element | null,\r\n container: HTMLElement | Element\r\n): boolean => {\r\n if (!element) return false;\r\n return container.contains(element);\r\n};\r\n","import {\r\n checkCollision,\r\n getBoundingBox,\r\n getCenter,\r\n getDistance,\r\n getOverlapPercent,\r\n} from './geometry';\r\n\r\nimport { IDnDStore } from '../types';\r\nimport { isDescendant } from './dom';\r\n\r\nexport const defaultCollisionDetection = (store: IDnDStore) => {\r\n const containerRect = getBoundingBox(store.activeContainer.ref.value);\r\n const containerCenter = getCenter(containerRect);\r\n const pointerX = store.pointerPosition.current.value?.x ?? 0;\r\n const pointerY = store.pointerPosition.current.value?.y ?? 0;\r\n\r\n const isPointerInActiveContainer =\r\n containerRect &&\r\n pointerX >= containerRect.x &&\r\n pointerX <= containerRect.x + containerRect.width &&\r\n pointerY >= containerRect.y &&\r\n pointerY <= containerRect.y + containerRect.height;\r\n\r\n const shouldUseNormalPriority = !isPointerInActiveContainer;\r\n\r\n const activeDragNodes = Array.from(store.draggingElements.value.keys());\r\n\r\n const allCollidingElements = Array.from(store.visibleElements.value.entries())\r\n .filter(([node, _]) => {\r\n if (!node) return false;\r\n\r\n const rect = getBoundingBox(node as HTMLElement);\r\n return rect && containerRect && checkCollision(rect, containerRect);\r\n })\r\n .map(([node, element]) => {\r\n const rect = getBoundingBox(node as HTMLElement);\r\n const elementCenter = getCenter(rect);\r\n\r\n const isPointerInElement =\r\n pointerX >= rect.x &&\r\n pointerX <= rect.x + rect.width &&\r\n pointerY >= rect.y &&\r\n pointerY <= rect.y + rect.height;\r\n\r\n const overlapPercent = getOverlapPercent(rect, containerRect);\r\n const centerDistance = getDistance(containerCenter, elementCenter);\r\n\r\n // Вычисляем глубину вложенности\r\n let depth = 0;\r\n for (const [parentNode, _] of store.visibleElements.value.entries()) {\r\n if (\r\n parentNode !== node &&\r\n parentNode &&\r\n node &&\r\n isDescendant(node as HTMLElement, parentNode as HTMLElement)\r\n ) {\r\n depth++;\r\n }\r\n }\r\n\r\n return {\r\n element,\r\n node: node as HTMLElement,\r\n isPointerInElement,\r\n overlapPercent,\r\n depth,\r\n centerDistance,\r\n };\r\n })\r\n .sort((a, b) => {\r\n if (!shouldUseNormalPriority) {\r\n if (a.isPointerInElement && b.isPointerInElement)\r\n return b.depth - a.depth;\r\n if (a.isPointerInElement !== b.isPointerInElement)\r\n return a.isPointerInElement ? -1 : 1;\r\n }\r\n if (Math.abs(a.overlapPercent - b.overlapPercent) <= 1)\r\n return a.centerDistance - b.centerDistance;\r\n return b.overlapPercent - a.overlapPercent;\r\n });\r\n\r\n const allCollidingZones = Array.from(store.visibleZones.value.entries())\r\n .filter(([node, _]) => {\r\n if (\r\n !node ||\r\n activeDragNodes.some(\r\n (dragNode) =>\r\n dragNode &&\r\n isDescendant(node as HTMLElement, dragNode as HTMLElement)\r\n )\r\n )\r\n return false;\r\n\r\n const rect = getBoundingBox(node as HTMLElement);\r\n return rect && containerRect && checkCollision(rect, containerRect);\r\n })\r\n .map(([node, zone]) => {\r\n const rect = getBoundingBox(node as HTMLElement);\r\n const zoneCenter = getCenter(rect);\r\n\r\n const isPointerInElement =\r\n pointerX >= rect.x &&\r\n pointerX <= rect.x + rect.width &&\r\n pointerY >= rect.y &&\r\n pointerY <= rect.y + rect.height;\r\n\r\n const overlapPercent = getOverlapPercent(rect, containerRect);\r\n const centerDistance = getDistance(containerCenter, zoneCenter);\r\n\r\n // Вычисляем глубину вложенности\r\n let depth = 0;\r\n for (const [parentNode, _] of store.visibleZones.value.entries()) {\r\n if (\r\n parentNode !== node &&\r\n parentNode &&\r\n node &&\r\n isDescendant(node as HTMLElement, parentNode as HTMLElement)\r\n ) {\r\n depth++;\r\n }\r\n }\r\n\r\n return {\r\n zone,\r\n node: node as HTMLElement,\r\n isPointerInElement,\r\n overlapPercent,\r\n depth,\r\n centerDistance,\r\n };\r\n })\r\n .sort((a, b) => {\r\n if (!shouldUseNormalPriority) {\r\n if (a.isPointerInElement && b.isPointerInElement)\r\n return b.depth - a.depth;\r\n if (a.isPointerInElement !== b.isPointerInElement)\r\n return a.isPointerInElement ? -1 : 1;\r\n }\r\n if (Math.abs(a.overlapPercent - b.overlapPercent) <= 1)\r\n return a.centerDistance - b.centerDistance;\r\n return b.overlapPercent - a.overlapPercent;\r\n });\r\n\r\n return [\r\n ...allCollidingElements.map((item) => item.node),\r\n ...allCollidingZones.map((item) => item.node),\r\n ];\r\n};\r\n","import type { Ref } from 'vue';\r\nimport { getBoundingBox } from '../utils/geometry';\r\nimport { preventEvent } from '../utils/events';\r\nimport { useDnDStore } from './useDnDStore';\r\n\r\nexport interface IKeyboardOptions {\r\n moveStep?: number;\r\n}\r\n\r\nexport const useKeyboard = (\r\n elementRef: Ref<HTMLElement | null>,\r\n options?: IKeyboardOptions\r\n) => {\r\n const { pointerPosition, keyboard } = useDnDStore();\r\n const moveStep = options?.moveStep || 10;\r\n\r\n const onKeyboardStart = (event: KeyboardEvent) => {\r\n preventEvent(event);\r\n\r\n const rect = getBoundingBox(elementRef.value);\r\n\r\n elementRef.value?.blur();\r\n\r\n const centerX = rect.x + rect.width / 2;\r\n const centerY = rect.y + rect.height / 2;\r\n\r\n pointerPosition.start.value = {\r\n x: centerX,\r\n y: centerY,\r\n };\r\n\r\n pointerPosition.current.value = {\r\n x: centerX,\r\n y: centerY,\r\n };\r\n\r\n pointerPosition.offset.pixel.value = {\r\n x: rect.width / 2,\r\n y: rect.height / 2,\r\n };\r\n\r\n pointerPosition.offset.percent.value = {\r\n x: 50,\r\n y: 50,\r\n };\r\n };\r\n\r\n const onKeyboardMove = () => {\r\n if (!pointerPosition.current.value) return;\r\n\r\n const currentX = pointerPosition.current.value.x;\r\n const currentY = pointerPosition.current.value.y;\r\n\r\n let newX = currentX;\r\n let newY = currentY;\r\n\r\n if (keyboard.w.value) newY -= moveStep;\r\n if (keyboard.s.value) newY += moveStep;\r\n if (keyboard.a.value) newX -= moveStep;\r\n if (keyboard.d.value) newX += moveStep;\r\n\r\n pointerPosition.current.value = {\r\n x: newX,\r\n y: newY,\r\n };\r\n };\r\n\r\n const onKeyboardEnd = () => {\r\n pointerPosition.current.value = null;\r\n pointerPosition.start.value = null;\r\n pointerPosition.offset.pixel.value = null;\r\n pointerPosition.offset.percent.value = null;\r\n };\r\n\r\n return {\r\n onKeyboardStart,\r\n onKeyboardMove,\r\n onKeyboardEnd,\r\n };\r\n};\r\n","import type { Ref } from 'vue';\r\nimport { getOffset } from '../utils/geometry';\r\nimport { useDnDStore } from './useDnDStore';\r\n\r\nexport const usePointer = (elementRef: Ref<HTMLElement | null>) => {\r\n const store = useDnDStore();\r\n\r\n const onPointerStart = (event: PointerEvent) => {\r\n store.pointerPosition.start.value = { x: event.clientX, y: event.clientY };\r\n store.pointerPosition.current.value = {\r\n x: event.clientX,\r\n y: event.clientY,\r\n };\r\n\r\n const { pixel, percent } = getOffset(elementRef.value, {\r\n x: event.clientX,\r\n y: event.clientY,\r\n });\r\n\r\n store.pointerPosition.offset.pixel.value = pixel;\r\n store.pointerPosition.offset.percent.value = percent;\r\n };\r\n\r\n const onPointerMove = (event: PointerEvent | WheelEvent) => {\r\n store.pointerPosition.current.value = {\r\n x: event.clientX,\r\n y: event.clientY,\r\n };\r\n };\r\n\r\n const onPointerEnd = () => {\r\n store.pointerPosition.current.value = null;\r\n store.pointerPosition.start.value = null;\r\n store.pointerPosition.offset.pixel.value = null;\r\n store.pointerPosition.offset.percent.value = null;\r\n };\r\n\r\n return {\r\n onPointerStart,\r\n onPointerMove,\r\n onPointerEnd,\r\n };\r\n};\r\n","import type {\r\n ICollisionDetectionResult,\r\n IDraggingElement,\r\n IUseDragOptions,\r\n} from '../types';\r\n\r\nimport type { Ref } from 'vue';\r\nimport { createPayload } from '../utils/events';\r\nimport { defaultCollisionDetection } from '../utils/sensor';\r\nimport { isDescendant } from '../utils/dom';\r\nimport { useDnDStore } from './useDnDStore';\r\nimport { useKeyboard } from './useKeyboard';\r\nimport { usePointer } from './usePointer';\r\nimport { useThrottleFn } from '@vueuse/core';\r\n\r\nexport const useSensor = (\r\n elementRef: Ref<HTMLElement | null>,\r\n options?: IUseDragOptions\r\n) => {\r\n const store = useDnDStore();\r\n\r\n const { onPointerStart, onPointerMove, onPointerEnd } =\r\n usePointer(elementRef);\r\n\r\n const { onKeyboardStart, onKeyboardMove, onKeyboardEnd } = useKeyboard(\r\n elementRef,\r\n options?.keyboard\r\n );\r\n\r\n let animationFrameId: number | null = null;\r\n\r\n const getDraggingElements = (\r\n draggableElement: HTMLElement | null\r\n ): Map<HTMLElement | Element, IDraggingElement> => {\r\n if (!draggableElement) return new Map();\r\n\r\n const isDraggableInSelection =\r\n store.selectedElements.value.has(draggableElement);\r\n\r\n if (store.selectedElements.value.size > 0 && isDraggableInSelection) {\r\n const result = new Map<HTMLElement | Element, IDraggingElement>();\r\n\r\n store.selectedElements.value.forEach((node) => {\r\n const element = store.elementsMap.value.get(node);\r\n if (!element) return;\r\n\r\n result.set(node, {\r\n ...element,\r\n initialHTML: element.node?.outerHTML ?? '',\r\n initialRect: element.node?.getBoundingClientRect(),\r\n });\r\n });\r\n\r\n return result;\r\n }\r\n\r\n store.selectedElements.value.clear();\r\n\r\n const element = store.elementsMap.value.get(draggableElement);\r\n if (!element) return new Map();\r\n\r\n const result = new Map<HTMLElement | Element, IDraggingElement>();\r\n\r\n result.set(draggableElement, {\r\n ...element,\r\n initialHTML: element.node?.outerHTML ?? '',\r\n initialRect: element.node?.getBoundingClientRect(),\r\n });\r\n\r\n return result;\r\n };\r\n\r\n const validateCollisionResults = (\r\n htmlElements: HTMLElement | HTMLElement[] | Element | Element[] | null\r\n ) => {\r\n if (!htmlElements) {\r\n return { element: null, zone: null };\r\n }\r\n\r\n const elements = Array.isArray(htmlElements)\r\n ? htmlElements\r\n : [htmlElements];\r\n\r\n const activeDragNodes = Array.from(store.draggingElements.value.keys());\r\n\r\n const filteredZoneElement = elements.find((htmlElement) => {\r\n if (!store.visibleZones.value.has(htmlElement)) return false;\r\n\r\n const zone = store.zonesMap.value.get(htmlElement);\r\n if (!zone) return false;\r\n\r\n if (\r\n activeDragNodes.some(\r\n (dragNode) =>\r\n dragNode &&\r\n (dragNode === zone.node ||\r\n isDescendant(zone.node as HTMLElement, dragNode as HTMLElement))\r\n )\r\n )\r\n return false;\r\n\r\n if (zone.groups.length) {\r\n const isCompatible = !Array.from(\r\n store.draggingElements.value.values()\r\n ).some((element) => {\r\n if (!element.groups.length) return false;\r\n return !element.groups.some((group) => zone.groups.includes(group));\r\n });\r\n if (!isCompatible) return false;\r\n }\r\n\r\n return true;\r\n });\r\n\r\n if (!filteredZoneElement) {\r\n return { element: null, zone: null };\r\n }\r\n\r\n const possibleElement = elements.find(\r\n (htmlElement) =>\r\n store.visibleElements.value.has(htmlElement) &&\r\n store.elementsMap.value.has(htmlElement) &&\r\n !activeDragNodes.some(\r\n (dragNode) =>\r\n dragNode &&\r\n (dragNode === htmlElement ||\r\n isDescendant(\r\n htmlElement as HTMLElement,\r\n dragNode as HTMLElement\r\n ) ||\r\n isDescendant(dragNode as HTMLElement, htmlElement as HTMLElement))\r\n ) &&\r\n (htmlElement === filteredZoneElement ||\r\n isDescendant(\r\n htmlElement as HTMLElement,\r\n filteredZoneElement as HTMLElement\r\n ))\r\n );\r\n\r\n return {\r\n element: possibleElement || null,\r\n zone: filteredZoneElement,\r\n };\r\n };\r\n\r\n const detectCollisions = options?.sensor?.setup || defaultCollisionDetection;\r\n\r\n const processCollisionResults = (results: ICollisionDetectionResult) => {\r\n const previousElement = store.hovered.element.value;\r\n const previousZone = store.hovered.zone.value;\r\n\r\n const newElement = results.element;\r\n const newZone = results.zone;\r\n\r\n store.hovered.element.value = newElement;\r\n store.hovered.zone.value = newZone;\r\n\r\n if (previousElement !== newElement) {\r\n if (previousElement) {\r\n store.elementsMap.value\r\n .get(previousElement)\r\n ?.events?.onLeave?.(store, createPayload(store));\r\n }\r\n\r\n if (newElement) {\r\n store.elementsMap.value\r\n .get(newElement)\r\n ?.events?.onHover?.(store, createPayload(store));\r\n }\r\n }\r\n\r\n if (previousZone !== newZone) {\r\n if (previousZone) {\r\n store.zonesMap.value\r\n .get(previousZone)\r\n ?.events?.onLeave?.(store, createPayload(store));\r\n }\r\n\r\n if (newZone) {\r\n store.zonesMap.value\r\n .get(newZone)\r\n ?.events?.onHover?.(store, createPayload(store));\r\n }\r\n }\r\n };\r\n\r\n const throttledDetectAndProcess = useThrottleFn(() => {\r\n const htmlElements = detectCollisions(store);\r\n const processedResults = validateCollisionResults(htmlElements);\r\n processCollisionResults(processedResults);\r\n }, options?.sensor?.throttle ?? 0);\r\n\r\n const animationLoop = () => {\r\n throttledDetectAndProcess();\r\n\r\n animationFrameId = requestAnimationFrame(animationLoop);\r\n };\r\n\r\n const startDetection = () => animationLoop();\r\n\r\n const stopDetection = () => {\r\n if (animationFrameId !== null) {\r\n cancelAnimationFrame(animationFrameId);\r\n animationFrameId = null;\r\n }\r\n };\r\n\r\n const activate = (event: PointerEvent | KeyboardEvent) => {\r\n store.draggingElements.value = getDraggingElements(elementRef.value);\r\n store.draggingElements.value.forEach((element) =>\r\n element.events.onStart?.(store, createPayload(store))\r\n );\r\n\r\n if (event instanceof PointerEvent) {\r\n onPointerStart(event);\r\n } else {\r\n onKeyboardStart(event);\r\n }\r\n\r\n startDetection();\r\n };\r\n\r\n const track = (event: PointerEvent | WheelEvent | KeyboardEvent) => {\r\n store.draggingElements.value.forEach((element) =>\r\n element.events.onMove?.(store, createPayload(store))\r\n );\r\n\r\n if (event instanceof KeyboardEvent) {\r\n onKeyboardMove();\r\n } else {\r\n onPointerMove(event);\r\n }\r\n };\r\n\r\n const deactivate = (triggerEvents = true) => {\r\n onPointerEnd();\r\n onKeyboardEnd();\r\n\r\n if (triggerEvents) {\r\n if (store.hovered.zone.value) {\r\n const zone = store.zonesMap.value.get(store.hovered.zone.value);\r\n zone?.events.onDrop?.(store, createPayload(store));\r\n } else {\r\n store.draggingElements.value.forEach((element) =>\r\n element.events.onEnd?.(store, createPayload(store))\r\n );\r\n }\r\n\r\n store.selectedElements.value.clear();\r\n }\r\n\r\n store.draggingElements.value.clear();\r\n\r\n store.hovered.zone.value = null;\r\n store.hovered.element.value = null;\r\n\r\n stopDetection();\r\n };\r\n\r\n return {\r\n activate,\r\n track,\r\n deactivate,\r\n };\r\n};\r\n","import { Ref, markRaw } from 'vue';\r\n\r\nimport type { IUseDragOptions } from '../types';\r\nimport { createGlobalState } from '@vueuse/core';\r\nimport { preventEvent } from '../utils/events';\r\nimport { useDnDStore } from '../composables/useDnDStore';\r\nimport { useSensor } from '../composables/useSensor';\r\n\r\nenum EKeyboardKey {\r\n ESCAPE = 'Escape',\r\n SPACE = 'Space',\r\n ENTER = 'Enter',\r\n W = 'KeyW',\r\n A = 'KeyA',\r\n S = 'KeyS',\r\n D = 'KeyD',\r\n CONTROL = 'ControlLeft',\r\n ALT = 'AltLeft',\r\n SHIFT = 'ShiftLeft',\r\n META = 'MetaLeft',\r\n}\r\n\r\nexport const useEventManager = createGlobalState(() => {\r\n let originalUserSelect = '';\r\n let originalTouchAction = '';\r\n let originalOverscrollBehavior = '';\r\n\r\n let currentMoveHandler: ((event: any) => void) | null = null;\r\n let currentEndHandler: (() => void) | null = null;\r\n let currentCancelHandler: (() => void) | null = null;\r\n let currentScrollHandler: ((event: WheelEvent) => void) | null = null;\r\n let currentKeyHandler: ((event: KeyboardEvent) => void) | null = null;\r\n\r\n const { activeContainer } = useDnDStore();\r\n\r\n const disableInteractions = () => {\r\n const body = document.body;\r\n\r\n originalUserSelect = body.style.userSelect;\r\n\r\n body.style.userSelect = 'none';\r\n\r\n window.addEventListener('contextmenu', preventEvent);\r\n window.addEventListener('selectstart', preventEvent);\r\n window.addEventListener('touchstart', preventEvent);\r\n window.addEventListener('touchmove', preventEvent);\r\n };\r\n\r\n const enableInteractions = () => {\r\n const body = document.body;\r\n\r\n body.style.userSelect = originalUserSelect;\r\n body.style.touchAction = originalTouchAction;\r\n body.style.overscrollBehavior = originalOverscrollBehavior;\r\n\r\n window.removeEventListener('contextmenu', preventEvent);\r\n window.removeEventListener('selectstart', preventEvent);\r\n window.removeEventListener('touchstart', preventEvent);\r\n window.removeEventListener('touchmove', preventEvent);\r\n };\r\n\r\n const clearAllListeners = () => {\r\n if (currentMoveHandler) {\r\n document.removeEventListener('pointermove', currentMoveHandler);\r\n currentMoveHandler = null;\r\n }\r\n\r\n if (currentEndHandler) {\r\n document.removeEventListener('pointerup', currentEndHandler);\r\n currentEndHandler = null;\r\n }\r\n\r\n if (currentCancelHandler) {\r\n currentCancelHandler = null;\r\n }\r\n\r\n if (currentScrollHandler) {\r\n document.removeEventListener('wheel', currentScrollHandler);\r\n currentScrollHandler = null;\r\n }\r\n\r\n if (currentKeyHandler) {\r\n document.removeEventListener('keydown', currentKeyHandler);\r\n document.removeEventListener('keypress', currentKeyHandler);\r\n document.removeEventListener('keyup', currentKeyHandler);\r\n currentKeyHandler = null;\r\n }\r\n };\r\n\r\n const handleDragStart = (\r\n event: PointerEvent | KeyboardEvent,\r\n elementRef: Ref<HTMLElement | null>,\r\n options?: IUseDragOptions\r\n ) => {\r\n clearAllListeners();\r\n\r\n (event.target as HTMLElement).blur();\r\n\r\n if (options?.container)\r\n activeContainer.component.value = markRaw(options.container);\r\n\r\n const { activate, track, deactivate } = useSensor(elementRef, options);\r\n\r\n currentEndHandler = () => {\r\n activeContainer.component.value = null;\r\n enableInteractions();\r\n deactivate(true);\r\n clearAllListeners();\r\n };\r\n\r\n currentCancelHandler = () => {\r\n activeContainer.component.value = null;\r\n enableInteractions();\r\n deactivate(false);\r\n clearAllListeners();\r\n };\r\n\r\n currentMoveHandler = (event: PointerEvent | KeyboardEvent) => track(event);\r\n currentScrollHandler = (event: WheelEvent) => track(event);\r\n currentKeyHandler = (event: KeyboardEvent) => {\r\n if (event.type === 'keyup') {\r\n if (event.code === EKeyboardKey.ESCAPE) currentCancelHandler?.();\r\n if (event.code === EKeyboardKey.ENTER) currentEndHandler?.();\r\n }\r\n\r\n track(event);\r\n };\r\n\r\n disableInteractions();\r\n activate(event);\r\n\r\n document.addEventListener('pointermove', currentMoveHandler);\r\n document.addEventListener('pointerup', currentEndHandler);\r\n document.addEventListener('wheel', currentScrollHandler);\r\n document.addEventListener('keydown', currentKeyHandler);\r\n document.addEventListener('keypress', currentKeyHandler);\r\n document.addEventListener('keyup', currentKeyHandler);\r\n };\r\n\r\n return {\r\n handleDragStart,\r\n };\r\n});\r\n","import { onBeforeUnmount, onMounted } from 'vue';\r\n\r\nimport type { IUseDragOptions } from '../types';\r\nimport { useDnDStore } from './useDnDStore';\r\nimport { useElementManager } from '../managers/useElementManager';\r\nimport { useEventManager } from '../managers/useEventManager';\r\n\r\nexport const useDraggable = (options?: IUseDragOptions) => {\r\n const {\r\n id,\r\n elementRef,\r\n isDragging,\r\n isOvered,\r\n isAllowed,\r\n registerElement,\r\n unregisterElement,\r\n } = useElementManager(options);\r\n\r\n const { pointerPosition } = useDnDStore();\r\n const { handleDragStart: start } = useEventManager();\r\n\r\n const handleDragStart = (event: PointerEvent | KeyboardEvent) =>\r\n start(event, elementRef, options);\r\n\r\n onMounted(registerElement);\r\n onBeforeUnmount(unregisterElement);\r\n\r\n return {\r\n pointerPosition,\r\n elementRef,\r\n isDragging,\r\n isOvered,\r\n isAllowed,\r\n handleDragStart,\r\n id,\r\n };\r\n};\r\n","import { computed, ref } from 'vue';\r\n\r\nimport type { IUseDropOptions } from '../types';\r\nimport { useDnDStore } from '../composables/useDnDStore';\r\n\r\nexport const useZoneManager = (options?: IUseDropOptions) => {\r\n const {\r\n zonesMap,\r\n hovered,\r\n draggingElements,\r\n isDragging,\r\n handleDropZoneIntersection,\r\n } = useDnDStore();\r\n\r\n const elementRef = ref<HTMLElement | null>(null);\r\n\r\n const isOvered = computed<boolean>(() => {\r\n return hovered.zone.value === elementRef.value;\r\n });\r\n\r\n const isAllowed = computed<boolean>(() => {\r\n if (!elementRef.value || !isDragging.value) return false;\r\n\r\n const currentZone = zonesMap.value.get(elementRef.value);\r\n if (!currentZone?.groups.length) return true;\r\n\r\n return !Array.from(draggingElements.value.values()).some((element) => {\r\n if (!element.groups.length) return false;\r\n return !element.groups.some((group) =>\r\n currentZone.groups.includes(group)\r\n );\r\n });\r\n });\r\n\r\n const registerZone = () => {\r\n if (!elementRef.value) throw new Error('elementRef is not set');\r\n\r\n handleDropZoneIntersection('add', elementRef.value);\r\n\r\n zonesMap.value.set(elementRef.value, {\r\n node: elementRef.value,\r\n groups: options?.groups ?? [],\r\n events: options?.events ?? {},\r\n data: options?.data ?? undefined,\r\n });\r\n\r\n elementRef.value.setAttribute('data-dnd-droppable', 'true');\r\n };\r\n\r\n const unregisterZone = () => {\r\n if (!elementRef.value) return;\r\n\r\n handleDropZoneIntersection('remove', elementRef.value);\r\n\r\n zonesMap.value.delete(elementRef.value);\r\n };\r\n\r\n return { elementRef, registerZone, unregisterZone, isOvered, isAllowed };\r\n};\r\n","import { onBeforeUnmount, onMounted } from 'vue';\r\n\r\nimport type { IUseDropOptions } from '../types';\r\nimport { useZoneManager } from '../managers/useZoneManager';\r\n\r\nexport const useDroppable = (options?: IUseDropOptions) => {\r\n const { elementRef, registerZone, unregisterZone, isOvered, isAllowed } =\r\n useZoneManager(options);\r\n\r\n // Register/unregister drop zone with store\r\n onMounted(registerZone);\r\n onBeforeUnmount(unregisterZone);\r\n\r\n return { elementRef, isOvered, isAllowed };\r\n};\r\n","import { computed, type Ref } from 'vue';\r\nimport { useDnDStore } from './useDnDStore';\r\nimport { isDescendant } from '../utils/dom';\r\n\r\nexport const useSelection = (elementRef: Ref<HTMLElement | null>) => {\r\n const { selectedElements, elementsMap } = useDnDStore();\r\n\r\n const isSelected = computed<boolean>(() =>\r\n elementRef.value ? selectedElements.value.has(elementRef.value) : false\r\n );\r\n\r\n const isParentOfSelected = computed(() => {\r\n if (!elementRef.value) return false;\r\n\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(node as HTMLElement, elementRef.value as HTMLElement)\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n });\r\n\r\n const hasSelectedParent = computed(() => {\r\n if (!elementRef.value) return false;\r\n\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(elementRef.value as HTMLElement, node as HTMLElement)\r\n ) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n });\r\n\r\n const handleUnselect = () => {\r\n if (!elementRef.value) return;\r\n selectedElements.value.delete(elementRef.value);\r\n };\r\n\r\n const handleSelect = () => {\r\n if (!elementRef.value) return;\r\n const element = elementsMap.value.get(elementRef.value);\r\n if (!element) return;\r\n\r\n if (isParentOfSelected.value) {\r\n // Удаляем все дочерние выбранные элементы\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(node as HTMLElement, elementRef.value as HTMLElement)\r\n ) {\r\n selectedElements.value.delete(node);\r\n }\r\n }\r\n }\r\n\r\n if (hasSelectedParent.value) {\r\n // Удаляем все родительские выбранные элементы\r\n for (const node of selectedElements.value) {\r\n if (\r\n node &&\r\n isDescendant(elementRef.value as HTMLElement, node as HTMLElement)\r\n ) {\r\n selectedElements.value.delete(node);\r\n }\r\n }\r\n }\r\n\r\n selectedElements.value.add(elementRef.value);\r\n };\r\n\r\n const handleToggleSelect = () => {\r\n if (!elementRef.value) return;\r\n\r\n selectedElements.value.has(elementRef.value)\r\n ? handleUnselect()\r\n : handleSelect();\r\n };\r\n\r\n return {\r\n handleUnselect,\r\n handleSelect,\r\n handleToggleSelect,\r\n isSelected,\r\n isParentOfSelected,\r\n };\r\n};\r\n"],"names":["_DnDOperations","__publicField","source","index","item","target","sourceIndex","targetIndex","sourceItem","targetItem","store","hoveredElement","hoveredZone","targetSource","_b","_a","_d","_c","firstElement","firstIndex","_e","sortDirection","a","b","element","_g","_f","_h","items","DnDOperations","useDnDStore","createGlobalState","draggingElements","ref","isDragging","computed","activeContainer","shallowRef","elementsMap","selectedElements","zonesMap","visibleZones","visibleElements","elementObserver","entries","entry","zoneObserver","handleDragElementIntersection","action","handleDropZoneIntersection","pointerPosition","w","s","d","ctrl","shift","alt","meta","useMagicKeys","hovered","useDragContainer","options","elementRef","onMounted","onUnmounted","computedStyle","overlay","DefaultOverlay","VueDndKitPlugin","app","DragOverlay","originalMount","rootContainer","instance","rootEl","overlayContainer","vnode","createVNode","render","originalUnmount","checkCollision","boxA","boxB","getBoundingBox","rect","getCenter","box","getOffset","pointer","getDistance","pointA","pointB","dx","dy","getOverlapPercent","xOverlap","yOverlap","overlapArea","boxAArea","boxBArea","draggableDataName","preventEvent","event","createPayload","useElementManager","isDragStarted","isOvered","id","useId","isAllowed","currentElement","_","draggingElement","group","isDescendant","container","defaultCollisionDetection","containerRect","containerCenter","pointerX","pointerY","shouldUseNormalPriority","activeDragNodes","allCollidingElements","node","elementCenter","isPointerInElement","overlapPercent","centerDistance","depth","parentNode","allCollidingZones","dragNode","zone","zoneCenter","useKeyboard","keyboard","moveStep","centerX","centerY","currentX","currentY","newX","newY","usePointer","pixel","percent","useSensor","onPointerStart","onPointerMove","onPointerEnd","onKeyboardStart","onKeyboardMove","onKeyboardEnd","animationFrameId","getDraggingElements","draggableElement","isDraggableInSelection","result","validateCollisionResults","htmlElements","elements","filteredZoneElement","htmlElement","detectCollisions","processCollisionResults","results","previousElement","previousZone","newElement","newZone","_i","_l","_k","_j","throttledDetectAndProcess","useThrottleFn","processedResults","animationLoop","startDetection","stopDetection","triggerEvents","useEventManager","originalUserSelect","originalTouchAction","originalOverscrollBehavior","currentMoveHandler","currentEndHandler","currentCancelHandler","currentScrollHandler","currentKeyHandler","disableInteractions","body","enableInteractions","clearAllListeners","markRaw","activate","track","deactivate","useDraggable","registerElement","unregisterElement","start","handleDragStart","onBeforeUnmount","useZoneManager","currentZone","useDroppable","registerZone","unregisterZone","useSelection","isSelected","isParentOfSelected","hasSelectedParent","handleUnselect","handleSelect"],"mappings":"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"}
|