var fn=Object.defineProperty,hn=Object.defineProperties;var pn=Object.getOwnPropertyDescriptors;var yt=Object.getOwnPropertySymbols;var mn=Object.prototype.hasOwnProperty,gn=Object.prototype.propertyIsEnumerable;var Et=(t,e,n)=>e in t?fn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,K=(t,e)=>{for(var n in e||(e={}))mn.call(e,n)&&Et(t,n,e[n]);if(yt)for(var n of yt(e))gn.call(e,n)&&Et(t,n,e[n]);return t},Ee=(t,e)=>hn(t,pn(e));import{S as Dt,a as vn}from"./sortable.esm-budB5lo5.js";import{b as De,ar as bn,d as Yt,O as St,s as Ht,r as Qe,o as _n,c as wn,w as A,f as Je,g as L,h as Ct,i as j,u as ke,as as yn,t as Le,m as xt,x as En,F as Dn,p as Sn,l as Cn,_ as xn}from"./index-24ofiFkH.js";import{u as Tt}from"./app-URqqjwq-.js";import{u as Tn}from"./hooks-44qEd9SO.js";/**! * Sortable 1.14.0 * @author RubaXa * @author owenm * @license MIT */function It(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 An(t,e){if(t==null)return{};var n=On(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 Pn="1.14.0";function Z(t){if(typeof window!="undefined"&&window.navigator)return!!navigator.userAgent.match(t)}var J=Z(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),Ne=Z(/Edge/i),Ot=Z(/firefox/i),Te=Z(/safari/i)&&!Z(/chrome/i)&&!Z(/android/i),Wt=Z(/iP(ad|od|hone)/i),Nn=Z(/chrome/i)&&Z(/android/i),jt={capture:!1,passive:!1};function w(t,e,n){t.addEventListener(e,n,!J&&jt)}function b(t,e,n){t.removeEventListener(e,n,!J&&jt)}function ze(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(n){return!1}return!1}}function Fn(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&&ze(t,e):ze(t,e))||o&&t===n)return t;if(t===n)break}while(t=Fn(t))}return null}var At=/\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(At," ").replace(" "+e+" "," ");t.className=(o+(n?" "+e:"")).replace(At," ")}}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 me(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 Gt(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=re(o,!1)}return!1}function ge(t,e,n,o){for(var r=0,i=0,a=t.children;i2&&arguments[2]!==void 0?arguments[2]:{},r=o.evt,i=An(o,Yn);Fe.pluginEvent.bind(p)(e,n,$({dragEl:c,parentEl:D,ghostEl:g,rootEl:E,nextEl:ce,lastDownEl:He,cloneEl:S,cloneHidden:oe,dragStarted:Se,putSortable:T,activeSortable:p.active,originalEvent:r,oldIndex:pe,oldDraggableIndex:Oe,newIndex:k,newDraggableIndex:ne,hideGhostForTarget:Qt,unhideGhostForTarget:Jt,cloneNowHidden:function(){oe=!0},cloneNowShown:function(){oe=!1},dispatchSortableEvent:function(l){P({sortable:n,name:l,originalEvent:r})}},i))};function P(t){Bn($({putSortable:T,cloneEl:S,targetEl:c,rootEl:E,oldIndex:pe,oldDraggableIndex:Oe,newIndex:k,newDraggableIndex:ne},t))}var c,D,g,E,ce,He,S,oe,pe,k,Oe,ne,Re,T,he=!1,$e=!1,Ue=[],se,Y,nt,ot,Ft,Mt,Se,fe,Ae,Pe=!1,Xe=!1,We,I,rt=[],dt=!1,qe=[],Ze=typeof document!="undefined",Ve=Wt,kt=Ne||J?"cssFloat":"float",Hn=Ze&&!Nn&&!Wt&&"draggable"in document.createElement("div"),qt=function(){if(Ze){if(J)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto",t.style.pointerEvents==="auto"}}(),Kt=function(e,n){var o=h(e),r=parseInt(o.width)-parseInt(o.paddingLeft)-parseInt(o.paddingRight)-parseInt(o.borderLeftWidth)-parseInt(o.borderRightWidth),i=ge(e,0,n),a=ge(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[kt]==="none"||a&&o[kt]==="none"&&u+d>r)?"vertical":"horizontal"},Wn=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},jn=function(e,n){var o;return Ue.some(function(r){var i=r[R].options.emptyInsertThreshold;if(!(!i||gt(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},Zt=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||Ye(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},Qt=function(){!qt&&g&&h(g,"display","none")},Jt=function(){!qt&&g&&h(g,"display","")};Ze&&document.addEventListener("click",function(t){if($e)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),$e=!1,!1},!0);var ue=function(e){if(c){e=e.touches?e.touches[0]:e;var n=jn(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)}}},Gn=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=Q({},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 Kt(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&&!Te,emptyInsertThreshold:5};Fe.initializePlugins(this,t,n);for(var o in n)!(o in e)&&(e[o]=n[o]);Zt(e);for(var r in this)r.charAt(0)==="_"&&typeof this[r]=="function"&&(this[r]=this[r].bind(this));this.nativeDraggable=e.forceFallback?!1:Hn,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)),Ue.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),Q(this,Rn())}p.prototype={constructor:p,_isOutsideThisEl:function(e){!this.el.contains(e)&&e!==this.el&&(fe=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(Jn(o),!c&&!(/mousedown|pointerdown/.test(a)&&e.button!==0||r.disabled)&&!u.isContentEditable&&!(!this.nativeDraggable&&Te&&s&&s.tagName.toUpperCase()==="SELECT")&&(s=G(s,r.draggable,o,!1),!(s&&s.animated)&&He!==s)){if(pe=X(s),Oe=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,ce=c.nextSibling,He=o,Re=a.group,p.dragged=c,se={target:c,clientX:(n||e).clientX,clientY:(n||e).clientY},Ft=se.clientX-u.left,Mt=se.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(),!Ot&&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){Gt(c,d.trim(),it)}),w(l,"dragover",ue),w(l,"mousemove",ue),w(l,"touchmove",ue),w(l,"mouseup",r._onDrop),w(l,"touchend",r._onDrop),w(l,"touchcancel",r._onDrop),Ot&&this.nativeDraggable&&(this.options.touchStartThreshold=4,c.draggable=!0),N("delayStart",this,{evt:e}),a.delay&&(!a.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(Ne||J))){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&&it(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?je(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(o){}},_dragStarted:function(e,n){if(he=!1,E&&c){N("dragStarted",this,{evt:n}),this.nativeDraggable&&w(document,"dragover",Gn);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,Qt();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);Jt()}},_onTouchMove:function(e){if(se){var n=this.options,o=n.fallbackTolerance,r=n.fallbackOffset,i=e.touches?e.touches[0]:e,a=g&&me(g,!0),l=g&&a&&a.a,s=g&&a&&a.d,u=Ve&&I&&Nt(I),d=(i.clientX-se.clientX+r.x)/(l||1)+(u?u[0]-rt[0]:0)/(l||1),f=(i.clientY-se.clientY+r.y)/(s||1)+(u?u[1]-rt[1]:0)/(s||1);if(!p.active&&!he){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!==pe&&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=pe,ne=Oe),P({sortable:this,name:"end",toEl:D,originalEvent:e}),this.save()))),this._nulling()},_nulling:function(){N("nulling",this),E=c=D=g=ce=S=He=oe=se=Y=Se=k=ne=pe=Oe=fe=Ae=T=Re=p.dragged=p.ghost=p.clone=p.active=null,qe.forEach(function(e){e.checked=!0}),qe.length=nt=ot=0},handleEvent:function(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":c&&(this._onDragOver(e),zn(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 Kn(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&&Wed+u*i/2:sf-We)return-Ae}else if(s>d+u*(1-r)/2&&sf-u*i/2)?s>d+u/2?1:-1:0}function Zn(t){return X(c)t.replace(ro,(e,n)=>n.toUpperCase())),tn=["Start","Add","Remove","Update","End"],nn=["Choose","Unchoose","Sort","Filter","Clone"],on=["Move"],ao=[on,tn,nn].flatMap(t=>t).map(t=>`on${t}`),mt={manage:on,manageAndEmit:tn,emit:nn};function lo(t){return ao.indexOf(t)!==-1}const so=["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 uo(t){return so.includes(t)}function co(t){return["transition-group","TransitionGroup"].includes(t)}function rn(t){return["id","class","role","style"].includes(t)||t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("on")}function an(t){return t.reduce((e,[n,o])=>(e[n]=o,e),{})}function fo({$attrs:t,componentData:e={}}){const n=an(Object.entries(t).filter(([o,r])=>rn(o)));return K(K({},n),e)}function ho({$attrs:t,callBackBuilder:e}){const n=an(ln(t));Object.entries(e).forEach(([r,i])=>{mt[r].forEach(a=>{n[`on${a}`]=i(a)})});const o=`[data-draggable]${n.draggable||""}`;return Ee(K({},n),{draggable:o})}function ln(t){return Object.entries(t).filter(([e,n])=>!rn(e)).map(([e,n])=>[io(e),n]).filter(([e,n])=>!lo(e))}const Xt=({el:t})=>t,po=(t,e)=>t.__draggable_context=e,Vt=t=>t.__draggable_context;class mo{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)=>{po(Xt(o),{element:n[r],index:r})})}getUnderlyingVm(e){return Vt(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=Vt(a);if(l)return l.index;if(r===0)return 0;const s=Xt(o[0]),u=[...i].findIndex(d=>d===s);return ego(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=Ee(K({},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 bo(t){const e=co(t),n=!uo(t)&&!e;return{transition:e,externalComponent:n,tag:n?De(t):e?bn:t}}function _o({$slots:t,tag:e,realList:n,getKey:o}){const r=vo({$slots:t,realList:n,getKey:o}),i=bo(e);return new mo({nodes:r,root:i,realList:n})}function sn(t,e){Ht(()=>this.$emit(t.toLowerCase(),e))}function un(t){return(e,n)=>{if(this.realList!==null)return this[`onDrag${t}`](e,n)}}function wo(t){const e=un.call(this,t);return(n,o)=>{e.call(this,n,o),sn.call(this,t,n)}}let ct=null;const yo={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}},Eo=["update:modelValue","change",...[...mt.manageAndEmit,...mt.emit].map(t=>t.toLowerCase())],Bt=Yt({name:"draggable",inheritAttrs:!1,props:yo,emits:Eo,data(){return{error:!1}},render(){try{this.error=!1;const{$slots:t,$attrs:e,tag:n,componentData:o,realList:r,getKey:i}=this,a=_o({$slots:t,tag:n,realList:r,getKey:i});this.componentStructure=a;const l=fo({$attrs:e,componentData:o});return a.render(St,l)}catch(t){return this.error=!0,St("pre",{style:{color:"red"}},t.stack)}},created(){this.list!==null&&this.modelValue!==null&&no.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=ho({$attrs:t,callBackBuilder:{manageAndEmit:i=>wo.call(this,i),emit:i=>sn.bind(this,i),manage:i=>un.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&&ln(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){Ht(()=>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};if(t!==e&&o){const i=n.getUnderlyingVm(e)||{};return K(K({},i),r)}return 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),ct=t.item},onDragAdd(t){const e=t.item._underlying_vm_;if(e===void 0)return;ut(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(Rt(this.$el,t.item,t.oldIndex),t.pullMode==="clone"){ut(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){ut(t.item),Rt(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(ct)!==-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=Ee(K({},this.context),{futureIndex:i}),l=Ee(K({},t),{relatedContext:r,draggedContext:a});return n(l,e)},onDragEnd(){ct=null}}}),Do={width:1024,height:1024,body:''},_t=t=>(Sn("data-v-67f42ae0"),t=t(),Cn(),t),So={class:"card-header"},Co={class:"font-medium"},xo={class:"drag-container"},To=_t(()=>L("div",{class:"card-header"},[L("span",null,"grid列表拖拽")],-1)),Io=_t(()=>L("div",{class:"card-header"},[L("span",null,"单列拖拽")],-1)),Oo={class:"item-single"},Ao=_t(()=>L("div",{class:"card-header"},[L("span",null,"拖拽实现元素位置交换")],-1)),Po={class:"cut-container"},No=Yt({name:"Draggable",__name:"index",setup(t){const{setSortSwap:e}=Tt(),n=Qe([{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=Qe([{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=Qe([{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 _n(()=>{Tt().sortSwap||Dt.mount(new vn),e(!0),new Dt(document.querySelector(".cut-container"),{swap:!0,forceFallback:!0,chosenClass:"chosen",swapClass:"highlight",animation:300})}),(a,l)=>{const s=De("el-link"),u=De("el-card"),d=De("el-col"),f=De("el-row");return Je(),wn(u,{shadow:"never"},{header:A(()=>[L("div",So,[L("span",Co,[Ct(" 拖拽组件,采用开源的 "),j(s,{href:"https://sortablejs.github.io/vue.draggable.next/#/simple",target:"_blank",icon:ke(Tn)(ke(Do)),style:{margin:"0 4px 5px","font-size":"16px"}},{default:A(()=>[Ct(" vuedraggable ")]),_:1},8,["icon"])])])]),default:A(()=>[L("div",xo,[j(f,{gutter:25},{default:A(()=>[j(d,{xs:25,sm:8,md:8,lg:8},{default:A(()=>[j(u,{shadow:"never"},{header:A(()=>[To]),default:A(()=>[j(ke(Bt),{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:yn("item item-"+m.num)},Le(m.num),3)]),_:1},8,["modelValue"])]),_:1})]),_:1}),j(d,{xs:25,sm:8,md:8,lg:8},{default:A(()=>[j(u,{shadow:"never"},{header:A(()=>[Io]),default:A(()=>[j(ke(Bt),{modelValue:o.value,"onUpdate:modelValue":l[1]||(l[1]=m=>o.value=m),"item-key":"name","chosen-class":"chosen","force-fallback":"true",animation:"300",onChange:i},{item:A(({element:m,index:_})=>[L("div",Oo,Le(m.name)+" "+Le(_),1)]),_:1},8,["modelValue"])]),_:1})]),_:1}),j(d,{xs:25,sm:8,md:8,lg:8},{default:A(()=>[j(u,{shadow:"never"},{header:A(()=>[Ao]),default:A(()=>[L("div",Po,[(Je(!0),xt(Dn,null,En(r.value,(m,_)=>(Je(),xt("div",{key:_,class:"item-cut"},[L("p",null,Le(m.name),1)]))),128))])]),_:1})]),_:1})]),_:1})])]),_:1})}}}),Vo=xn(No,[["__scopeId","data-v-67f42ae0"]]);export{Vo as default};