import{S as _t,a as sn}from"./sortable.esm-679e0872.js";import{c as ye,ai as un,d as Rt,L as wt,n as Xt,r as Ke,a as cn,e as dn,w as A,f as Ze,i as L,h as yt,g as W,u as Fe,aj as fn,C as Me,k as Et,l as hn,F as pn,p as mn,q as gn,_ as vn}from"./index-5c8afed6.js";import{u as Dt}from"./app-8f3541b6.js";import{u as bn}from"./hooks-d8334c8e.js";/**! * Sortable 1.14.0 * @author RubaXa * @author owenm * @license MIT */function St(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})),n.push.apply(n,o)}return n}function $(t){for(var e=1;e=0)&&(n[r]=t[r]);return n}function yn(t,e){if(t==null)return{};var n=wn(t,e),o,r;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}var En="1.14.0";function K(t){if(typeof window<"u"&&window.navigator)return!!navigator.userAgent.match(t)}var Q=K(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),Ae=K(/Edge/i),Ct=K(/firefox/i),Ce=K(/safari/i)&&!K(/chrome/i)&&!K(/android/i),Vt=K(/iP(ad|od|hone)/i),Dn=K(/chrome/i)&&K(/android/i),Bt={capture:!1,passive:!1};function w(t,e,n){t.addEventListener(e,n,!Q&&Bt)}function b(t,e,n){t.removeEventListener(e,n,!Q&&Bt)}function We(t,e){if(e){if(e[0]===">"&&(e=e.substring(1)),t)try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch{return!1}return!1}}function Sn(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function G(t,e,n,o){if(t){n=n||document;do{if(e!=null&&(e[0]===">"?t.parentNode===n&&We(t,e):We(t,e))||o&&t===n)return t;if(t===n)break}while(t=Sn(t))}return null}var xt=/\s+/g;function M(t,e,n){if(t&&e)if(t.classList)t.classList[n?"add":"remove"](e);else{var o=(" "+t.className+" ").replace(xt," ").replace(" "+e+" "," ");t.className=(o+(n?" "+e:"")).replace(xt," ")}}function h(t,e,n){var o=t&&t.style;if(o){if(n===void 0)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),e===void 0?n:n[e];!(e in o)&&e.indexOf("webkit")===-1&&(e="-webkit-"+e),o[e]=n+(typeof n=="string"?"":"px")}}function pe(t,e){var n="";if(typeof t=="string")n=t;else do{var o=h(t,"transform");o&&o!=="none"&&(n=o+" "+n)}while(!e&&(t=t.parentNode));var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function Yt(t,e,n){if(t){var o=t.getElementsByTagName(e),r=0,i=o.length;if(n)for(;r=i:a=r<=i,!a)return o;if(o===z())break;o=oe(o,!1)}return!1}function me(t,e,n,o){for(var r=0,i=0,a=t.children;i2&&arguments[2]!==void 0?arguments[2]:{},r=o.evt,i=yn(o,Nn);Pe.pluginEvent.bind(p)(e,n,$({dragEl:c,parentEl:D,ghostEl:g,rootEl:E,nextEl:ue,lastDownEl:Be,cloneEl:S,cloneHidden:ne,dragStarted:Ee,putSortable:T,activeSortable:p.active,originalEvent:r,oldIndex:he,oldDraggableIndex:Te,newIndex:k,newDraggableIndex:te,hideGhostForTarget:Ut,unhideGhostForTarget:qt,cloneNowHidden:function(){ne=!0},cloneNowShown:function(){ne=!1},dispatchSortableEvent:function(l){P({sortable:n,name:l,originalEvent:r})}},i))};function P(t){Pn($({putSortable:T,cloneEl:S,targetEl:c,rootEl:E,oldIndex:he,oldDraggableIndex:Te,newIndex:k,newDraggableIndex:te},t))}var c,D,g,E,ue,Be,S,ne,he,k,Te,te,ke,T,fe=!1,Ge=!1,ze=[],le,Y,et,tt,Ot,At,Ee,de,Ie,Oe=!1,Le=!1,Ye,I,nt=[],ut=!1,$e=[],qe=typeof document<"u",Re=Vt,Pt=Ae||Q?"cssFloat":"float",Fn=qe&&!Dn&&!Vt&&"draggable"in document.createElement("div"),Gt=function(){if(qe){if(Q)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto",t.style.pointerEvents==="auto"}}(),zt=function(e,n){var o=h(e),r=parseInt(o.width)-parseInt(o.paddingLeft)-parseInt(o.paddingRight)-parseInt(o.borderLeftWidth)-parseInt(o.borderRightWidth),i=me(e,0,n),a=me(e,1,n),l=i&&h(i),s=a&&h(a),u=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+x(i).width,d=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+x(a).width;if(o.display==="flex")return o.flexDirection==="column"||o.flexDirection==="column-reverse"?"vertical":"horizontal";if(o.display==="grid")return o.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&l.float&&l.float!=="none"){var f=l.float==="left"?"left":"right";return a&&(s.clear==="both"||s.clear===f)?"vertical":"horizontal"}return i&&(l.display==="block"||l.display==="flex"||l.display==="table"||l.display==="grid"||u>=r&&o[Pt]==="none"||a&&o[Pt]==="none"&&u+d>r)?"vertical":"horizontal"},Mn=function(e,n,o){var r=o?e.left:e.top,i=o?e.right:e.bottom,a=o?e.width:e.height,l=o?n.left:n.top,s=o?n.right:n.bottom,u=o?n.width:n.height;return r===l||i===s||r+a/2===l+u/2},kn=function(e,n){var o;return ze.some(function(r){var i=r[R].options.emptyInsertThreshold;if(!(!i||pt(r))){var a=x(r),l=e>=a.left-i&&e<=a.right+i,s=n>=a.top-i&&n<=a.bottom+i;if(l&&s)return o=r}}),o},$t=function(e){function n(i,a){return function(l,s,u,d){var f=l.options.group.name&&s.options.group.name&&l.options.group.name===s.options.group.name;if(i==null&&(a||f))return!0;if(i==null||i===!1)return!1;if(a&&i==="clone")return i;if(typeof i=="function")return n(i(l,s,u,d),a)(l,s,u,d);var m=(a?l:s).options.group.name;return i===!0||typeof i=="string"&&i===m||i.join&&i.indexOf(m)>-1}}var o={},r=e.group;(!r||Ve(r)!="object")&&(r={name:r}),o.name=r.name,o.checkPull=n(r.pull,!0),o.checkPut=n(r.put),o.revertClone=r.revertClone,e.group=o},Ut=function(){!Gt&&g&&h(g,"display","none")},qt=function(){!Gt&&g&&h(g,"display","")};qe&&document.addEventListener("click",function(t){if(Ge)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Ge=!1,!1},!0);var se=function(e){if(c){e=e.touches?e.touches[0]:e;var n=kn(e.clientX,e.clientY);if(n){var o={};for(var r in e)e.hasOwnProperty(r)&&(o[r]=e[r]);o.target=o.rootEl=n,o.preventDefault=void 0,o.stopPropagation=void 0,n[R]._onDragOver(o)}}},Ln=function(e){c&&c.parentNode[R]._isOutsideThisEl(e.target)};function p(t,e){if(!(t&&t.nodeType&&t.nodeType===1))throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=Z({},e),t[R]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return zt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(a,l){a.setData("Text",l.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:p.supportPointer!==!1&&"PointerEvent"in window&&!Ce,emptyInsertThreshold:5};Pe.initializePlugins(this,t,n);for(var o in n)!(o in e)&&(e[o]=n[o]);$t(e);for(var r in this)r.charAt(0)==="_"&&typeof this[r]=="function"&&(this[r]=this[r].bind(this));this.nativeDraggable=e.forceFallback?!1:Fn,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?w(t,"pointerdown",this._onTapStart):(w(t,"mousedown",this._onTapStart),w(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(w(t,"dragover",this),w(t,"dragenter",this)),ze.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),Z(this,In())}p.prototype={constructor:p,_isOutsideThisEl:function(e){!this.el.contains(e)&&e!==this.el&&(de=null)},_getDirection:function(e,n){return typeof this.options.direction=="function"?this.options.direction.call(this,e,n,c):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,r=this.options,i=r.preventOnFilter,a=e.type,l=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,s=(l||e).target,u=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||s,d=r.filter;if(Wn(o),!c&&!(/mousedown|pointerdown/.test(a)&&e.button!==0||r.disabled)&&!u.isContentEditable&&!(!this.nativeDraggable&&Ce&&s&&s.tagName.toUpperCase()==="SELECT")&&(s=G(s,r.draggable,o,!1),!(s&&s.animated)&&Be!==s)){if(he=X(s),Te=X(s,r.draggable),typeof d=="function"){if(d.call(this,e,s,this)){P({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:o,fromEl:o}),N("filter",n,{evt:e}),i&&e.cancelable&&e.preventDefault();return}}else if(d&&(d=d.split(",").some(function(f){if(f=G(u,f.trim(),o,!1),f)return P({sortable:n,rootEl:f,name:"filter",targetEl:s,fromEl:o,toEl:o}),N("filter",n,{evt:e}),!0}),d)){i&&e.cancelable&&e.preventDefault();return}r.handle&&!G(u,r.handle,o,!1)||this._prepareDragStart(e,l,s)}}},_prepareDragStart:function(e,n,o){var r=this,i=r.el,a=r.options,l=i.ownerDocument,s;if(o&&!c&&o.parentNode===i){var u=x(o);if(E=i,c=o,D=c.parentNode,ue=c.nextSibling,Be=o,ke=a.group,p.dragged=c,le={target:c,clientX:(n||e).clientX,clientY:(n||e).clientY},Ot=le.clientX-u.left,At=le.clientY-u.top,this._lastX=(n||e).clientX,this._lastY=(n||e).clientY,c.style["will-change"]="all",s=function(){if(N("delayEnded",r,{evt:e}),p.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents(),!Ct&&r.nativeDraggable&&(c.draggable=!0),r._triggerDragStart(e,n),P({sortable:r,name:"choose",originalEvent:e}),M(c,a.chosenClass,!0)},a.ignore.split(",").forEach(function(d){Yt(c,d.trim(),ot)}),w(l,"dragover",se),w(l,"mousemove",se),w(l,"touchmove",se),w(l,"mouseup",r._onDrop),w(l,"touchend",r._onDrop),w(l,"touchcancel",r._onDrop),Ct&&this.nativeDraggable&&(this.options.touchStartThreshold=4,c.draggable=!0),N("delayStart",this,{evt:e}),a.delay&&(!a.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(Ae||Q))){if(p.eventCanceled){this._onDrop();return}w(l,"mouseup",r._disableDelayedDrag),w(l,"touchend",r._disableDelayedDrag),w(l,"touchcancel",r._disableDelayedDrag),w(l,"mousemove",r._delayedDragTouchMoveHandler),w(l,"touchmove",r._delayedDragTouchMoveHandler),a.supportPointer&&w(l,"pointermove",r._delayedDragTouchMoveHandler),r._dragStartTimer=setTimeout(s,a.delay)}else s()}},_delayedDragTouchMoveHandler:function(e){var n=e.touches?e.touches[0]:e;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){c&&ot(c),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var e=this.el.ownerDocument;b(e,"mouseup",this._disableDelayedDrag),b(e,"touchend",this._disableDelayedDrag),b(e,"touchcancel",this._disableDelayedDrag),b(e,"mousemove",this._delayedDragTouchMoveHandler),b(e,"touchmove",this._delayedDragTouchMoveHandler),b(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(e,n){n=n||e.pointerType=="touch"&&e,!this.nativeDraggable||n?this.options.supportPointer?w(document,"pointermove",this._onTouchMove):n?w(document,"touchmove",this._onTouchMove):w(document,"mousemove",this._onTouchMove):(w(c,"dragend",this),w(E,"dragstart",this._onDragStart));try{document.selection?He(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch{}},_dragStarted:function(e,n){if(fe=!1,E&&c){N("dragStarted",this,{evt:n}),this.nativeDraggable&&w(document,"dragover",Ln);var o=this.options;!e&&M(c,o.dragClass,!1),M(c,o.ghostClass,!0),p.active=this,e&&this._appendGhost(),P({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(Y){this._lastX=Y.clientX,this._lastY=Y.clientY,Ut();for(var e=document.elementFromPoint(Y.clientX,Y.clientY),n=e;e&&e.shadowRoot&&(e=e.shadowRoot.elementFromPoint(Y.clientX,Y.clientY),e!==n);)n=e;if(c.parentNode[R]._isOutsideThisEl(e),n)do{if(n[R]){var o=void 0;if(o=n[R]._onDragOver({clientX:Y.clientX,clientY:Y.clientY,target:e,rootEl:n}),o&&!this.options.dragoverBubble)break}e=n}while(n=n.parentNode);qt()}},_onTouchMove:function(e){if(le){var n=this.options,o=n.fallbackTolerance,r=n.fallbackOffset,i=e.touches?e.touches[0]:e,a=g&&pe(g,!0),l=g&&a&&a.a,s=g&&a&&a.d,u=Re&&I&&It(I),d=(i.clientX-le.clientX+r.x)/(l||1)+(u?u[0]-nt[0]:0)/(l||1),f=(i.clientY-le.clientY+r.y)/(s||1)+(u?u[1]-nt[1]:0)/(s||1);if(!p.active&&!fe){if(o&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))=0&&(P({rootEl:D,name:"add",toEl:D,fromEl:E,originalEvent:e}),P({sortable:this,name:"remove",toEl:D,originalEvent:e}),P({rootEl:D,name:"sort",toEl:D,fromEl:E,originalEvent:e}),P({sortable:this,name:"sort",toEl:D,originalEvent:e})),T&&T.save()):k!==he&&k>=0&&(P({sortable:this,name:"update",toEl:D,originalEvent:e}),P({sortable:this,name:"sort",toEl:D,originalEvent:e})),p.active&&((k==null||k===-1)&&(k=he,te=Te),P({sortable:this,name:"end",toEl:D,originalEvent:e}),this.save()))),this._nulling()},_nulling:function(){N("nulling",this),E=c=D=g=ue=S=Be=ne=le=Y=Ee=k=te=he=Te=de=Ie=T=ke=p.dragged=p.ghost=p.clone=p.active=null,$e.forEach(function(e){e.checked=!0}),$e.length=et=tt=0},handleEvent:function(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":c&&(this._onDragOver(e),Rn(e));break;case"selectstart":e.preventDefault();break}},toArray:function(){for(var e=[],n,o=this.el.children,r=0,i=o.length,a=this.options;ro.right+r||t.clientX<=o.right&&t.clientY>o.bottom&&t.clientX>=o.left:t.clientX>o.right&&t.clientY>o.top||t.clientX<=o.right&&t.clientY>o.bottom+r}function Yn(t,e,n,o,r,i,a,l){var s=o?t.clientY:t.clientX,u=o?n.height:n.width,d=o?n.top:n.left,f=o?n.bottom:n.right,m=!1;if(!a){if(l&&Yed+u*i/2:sf-Ye)return-Ie}else if(s>d+u*(1-r)/2&&sf-u*i/2)?s>d+u/2?1:-1:0}function Hn(t){return X(c)t.replace(qn,(e,n)=>n.toUpperCase())),Zt=["Start","Add","Remove","Update","End"],Qt=["Choose","Unchoose","Sort","Filter","Clone"],Jt=["Move"],Zn=[Jt,Zt,Qt].flatMap(t=>t).map(t=>`on${t}`),ht={manage:Jt,manageAndEmit:Zt,emit:Qt};function Qn(t){return Zn.indexOf(t)!==-1}const Jn=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","math","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"];function eo(t){return Jn.includes(t)}function to(t){return["transition-group","TransitionGroup"].includes(t)}function en(t){return["id","class","role","style"].includes(t)||t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("on")}function tn(t){return t.reduce((e,[n,o])=>(e[n]=o,e),{})}function no({$attrs:t,componentData:e={}}){return{...tn(Object.entries(t).filter(([o,r])=>en(o))),...e}}function oo({$attrs:t,callBackBuilder:e}){const n=tn(nn(t));Object.entries(e).forEach(([r,i])=>{ht[r].forEach(a=>{n[`on${a}`]=i(a)})});const o=`[data-draggable]${n.draggable||""}`;return{...n,draggable:o}}function nn(t){return Object.entries(t).filter(([e,n])=>!en(e)).map(([e,n])=>[Kn(e),n]).filter(([e,n])=>!Qn(e))}const Mt=({el:t})=>t,ro=(t,e)=>t.__draggable_context=e,kt=t=>t.__draggable_context;class io{constructor({nodes:{header:e,default:n,footer:o},root:r,realList:i}){this.defaultNodes=n,this.children=[...e,...n,...o],this.externalComponent=r.externalComponent,this.rootTransition=r.transition,this.tag=r.tag,this.realList=i}get _isRootComponent(){return this.externalComponent||this.rootTransition}render(e,n){const{tag:o,children:r,_isRootComponent:i}=this;return e(o,n,i?{default:()=>r}:r)}updated(){const{defaultNodes:e,realList:n}=this;e.forEach((o,r)=>{ro(Mt(o),{element:n[r],index:r})})}getUnderlyingVm(e){return kt(e)}getVmIndexFromDomIndex(e,n){const{defaultNodes:o}=this,{length:r}=o,i=n.children,a=i.item(e);if(a===null)return r;const l=kt(a);if(l)return l.index;if(r===0)return 0;const s=Mt(o[0]),u=[...i].findIndex(d=>d===s);return eao(t,s)),{item:a}=t;if(!a)throw new Error("draggable element must have an item slot");const l=o.flatMap((s,u)=>a({element:s,index:u}).map(d=>(d.key=n(s),d.props={...d.props||{},"data-draggable":!0},d)));if(l.length!==o.length)throw new Error("Item slot must have only one child");return{header:r,footer:i,default:l}}function so(t){const e=to(t),n=!eo(t)&&!e;return{transition:e,externalComponent:n,tag:n?ye(t):e?un:t}}function uo({$slots:t,tag:e,realList:n,getKey:o}){const r=lo({$slots:t,realList:n,getKey:o}),i=so(e);return new io({nodes:r,root:i,realList:n})}function on(t,e){Xt(()=>this.$emit(t.toLowerCase(),e))}function rn(t){return(e,n)=>{if(this.realList!==null)return this[`onDrag${t}`](e,n)}}function co(t){const e=rn.call(this,t);return(n,o)=>{e.call(this,n,o),on.call(this,t,n)}}let st=null;const fo={list:{type:Array,required:!1,default:null},modelValue:{type:Array,required:!1,default:null},itemKey:{type:[String,Function],required:!0},clone:{type:Function,default:t=>t},tag:{type:String,default:"div"},move:{type:Function,default:null},componentData:{type:Object,required:!1,default:null}},ho=["update:modelValue","change",...[...ht.manageAndEmit,...ht.emit].map(t=>t.toLowerCase())],Lt=Rt({name:"draggable",inheritAttrs:!1,props:fo,emits:ho,data(){return{error:!1}},render(){try{this.error=!1;const{$slots:t,$attrs:e,tag:n,componentData:o,realList:r,getKey:i}=this,a=uo({$slots:t,tag:n,realList:r,getKey:i});this.componentStructure=a;const l=no({$attrs:e,componentData:o});return a.render(wt,l)}catch(t){return this.error=!0,wt("pre",{style:{color:"red"}},t.stack)}},created(){this.list!==null&&this.modelValue!==null&&$n.error("modelValue and list props are mutually exclusive! Please set one or another.")},mounted(){if(this.error)return;const{$attrs:t,$el:e,componentStructure:n}=this;n.updated();const o=oo({$attrs:t,callBackBuilder:{manageAndEmit:i=>co.call(this,i),emit:i=>on.bind(this,i),manage:i=>rn.call(this,i)}}),r=e.nodeType===1?e:e.parentElement;this._sortable=new p(r,o),this.targetDomElement=r,r.__draggable_component__=this},updated(){this.componentStructure.updated()},beforeUnmount(){this._sortable!==void 0&&this._sortable.destroy()},computed:{realList(){const{list:t}=this;return t||this.modelValue},getKey(){const{itemKey:t}=this;return typeof t=="function"?t:e=>e[t]}},watch:{$attrs:{handler(t){const{_sortable:e}=this;e&&nn(t).forEach(([n,o])=>{e.option(n,o)})},deep:!0}},methods:{getUnderlyingVm(t){return this.componentStructure.getUnderlyingVm(t)||null},getUnderlyingPotencialDraggableComponent(t){return t.__draggable_component__},emitChanges(t){Xt(()=>this.$emit("change",t))},alterList(t){if(this.list){t(this.list);return}const e=[...this.modelValue];t(e),this.$emit("update:modelValue",e)},spliceList(){const t=e=>e.splice(...arguments);this.alterList(t)},updatePosition(t,e){const n=o=>o.splice(e,0,o.splice(t,1)[0]);this.alterList(n)},getRelatedContextFromMoveEvent({to:t,related:e}){const n=this.getUnderlyingPotencialDraggableComponent(t);if(!n)return{component:n};const o=n.realList,r={list:o,component:n};return t!==e&&o?{...n.getUnderlyingVm(e)||{},...r}:r},getVmIndexFromDomIndex(t){return this.componentStructure.getVmIndexFromDomIndex(t,this.targetDomElement)},onDragStart(t){this.context=this.getUnderlyingVm(t.item),t.item._underlying_vm_=this.clone(this.context.element),st=t.item},onDragAdd(t){const e=t.item._underlying_vm_;if(e===void 0)return;lt(t.item);const n=this.getVmIndexFromDomIndex(t.newIndex);this.spliceList(n,0,e);const o={element:e,newIndex:n};this.emitChanges({added:o})},onDragRemove(t){if(Ft(this.$el,t.item,t.oldIndex),t.pullMode==="clone"){lt(t.clone);return}const{index:e,element:n}=this.context;this.spliceList(e,1);const o={element:n,oldIndex:e};this.emitChanges({removed:o})},onDragUpdate(t){lt(t.item),Ft(t.from,t.item,t.oldIndex);const e=this.context.index,n=this.getVmIndexFromDomIndex(t.newIndex);this.updatePosition(e,n);const o={element:this.context.element,oldIndex:e,newIndex:n};this.emitChanges({moved:o})},computeFutureIndex(t,e){if(!t.element)return 0;const n=[...e.to.children].filter(a=>a.style.display!=="none"),o=n.indexOf(e.related),r=t.component.getVmIndexFromDomIndex(o);return n.indexOf(st)!==-1||!e.willInsertAfter?r:r+1},onDragMove(t,e){const{move:n,realList:o}=this;if(!n||!o)return!0;const r=this.getRelatedContextFromMoveEvent(t),i=this.computeFutureIndex(r,t),a={...this.context,futureIndex:i},l={...t,relatedContext:r,draggedContext:a};return n(l,e)},onDragEnd(){st=null}}}),po={width:1024,height:1024,body:''},vt=t=>(mn("data-v-3f26dabd"),t=t(),gn(),t),mo={class:"card-header"},go={class:"font-medium"},vo={class:"drag-container"},bo=vt(()=>L("div",{class:"card-header"},[L("span",null,"grid列表拖拽")],-1)),_o=vt(()=>L("div",{class:"card-header"},[L("span",null,"单列拖拽")],-1)),wo={class:"item-single"},yo=vt(()=>L("div",{class:"card-header"},[L("span",null,"拖拽实现元素位置交换")],-1)),Eo={class:"cut-container"},Do=Rt({name:"Draggable",__name:"index",setup(t){const{setSortSwap:e}=Dt(),n=Ke([{grid:"cn",num:1},{grid:"cn",num:2},{grid:"cn",num:3},{grid:"cn",num:4},{grid:"cn",num:5},{grid:"cn",num:6},{grid:"cn",num:7},{grid:"cn",num:8},{grid:"cn",num:9}]),o=Ke([{people:"cn",id:1,name:"www.itxst.com"},{people:"cn",id:2,name:"www.baidu.com"},{people:"cn",id:3,name:"www.taobao.com"},{people:"cn",id:4,name:"www.google.com"}]),r=Ke([{people:"cn",id:1,name:"cut1"},{people:"cn",id:2,name:"cut2"},{people:"cn",id:3,name:"cut3"},{people:"cn",id:4,name:"cut4"}]),i=a=>{};return cn(()=>{Dt().sortSwap||_t.mount(new sn),e(!0),new _t(document.querySelector(".cut-container"),{swap:!0,forceFallback:!0,chosenClass:"chosen",swapClass:"highlight",animation:300})}),(a,l)=>{const s=ye("el-link"),u=ye("el-card"),d=ye("el-col"),f=ye("el-row");return Ze(),dn(u,{shadow:"never"},{header:A(()=>[L("div",mo,[L("span",go,[yt(" 拖拽组件,采用开源的 "),W(s,{href:"https://sortablejs.github.io/vue.draggable.next/#/simple",target:"_blank",icon:Fe(bn)(Fe(po)),style:{margin:"0 4px 5px","font-size":"16px"}},{default:A(()=>[yt(" vuedraggable ")]),_:1},8,["icon"])])])]),default:A(()=>[L("div",vo,[W(f,{gutter:25},{default:A(()=>[W(d,{xs:25,sm:8,md:8,lg:8},{default:A(()=>[W(u,{shadow:"never"},{header:A(()=>[bo]),default:A(()=>[W(Fe(Lt),{modelValue:n.value,"onUpdate:modelValue":l[0]||(l[0]=m=>n.value=m),class:"grid-container","item-key":"grid",animation:"300",chosenClass:"chosen",forceFallback:"true"},{item:A(({element:m})=>[L("div",{class:fn("item item-"+m.num)},Me(m.num),3)]),_:1},8,["modelValue"])]),_:1})]),_:1}),W(d,{xs:25,sm:8,md:8,lg:8},{default:A(()=>[W(u,{shadow:"never"},{header:A(()=>[_o]),default:A(()=>[W(Fe(Lt),{modelValue:o.value,"onUpdate:modelValue":l[1]||(l[1]=m=>o.value=m),"item-key":"name",onChange:i,"chosen-class":"chosen","force-fallback":"true",animation:"300"},{item:A(({element:m,index:_})=>[L("div",wo,Me(m.name)+" "+Me(_),1)]),_:1},8,["modelValue"])]),_:1})]),_:1}),W(d,{xs:25,sm:8,md:8,lg:8},{default:A(()=>[W(u,{shadow:"never"},{header:A(()=>[yo]),default:A(()=>[L("div",Eo,[(Ze(!0),Et(pn,null,hn(r.value,(m,_)=>(Ze(),Et("div",{class:"item-cut",key:_},[L("p",null,Me(m.name),1)]))),128))])]),_:1})]),_:1})]),_:1})])]),_:1})}}});const Oo=vn(Do,[["__scopeId","data-v-3f26dabd"]]);export{Oo as default};