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-CkCitmyH.js";import{e as De,M as bn,d as Vt,N as St,y as Ht,a as Ze,m as _n,b as wn,w as I,f as Qe,g as L,h as Je,i as V,u as Ct,v as yn,t as ke,k as xt,l as En,F as Dn,C as Sn,D as Cn,_ as xn}from"./index-DRkpZp5K.js";import{u as Tt}from"./app-BnqgApaC.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 U(t){for(var e=1;e=0)&&(n[r]=t[r]);return n}function On(t,e){if(t==null)return{};var n=In(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 An="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),Pn=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 Ge(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 Nn(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&&Ge(t,e):Ge(t,e))||o&&t===n)return t;if(t===n)break}while(t=Nn(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)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=On(o,Yn);Fe.pluginEvent.bind(p)(e,n,U({dragEl:c,parentEl:D,ghostEl:g,rootEl:E,nextEl:ce,lastDownEl:Ve,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(U({putSortable:T,cloneEl:S,targetEl:c,rootEl:E,oldIndex:pe,oldDraggableIndex:Oe,newIndex:k,newDraggableIndex:ne},t))}var c,D,g,E,ce,Ve,S,oe,pe,k,Oe,ne,Le,T,he=!1,ze=!1,Ue=[],se,H,nt,ot,Ft,Mt,Se,fe,Ae,Pe=!1,Re=!1,He,O,rt=[],dt=!1,$e=[],Ke=typeof document!="undefined",Xe=Wt,kt=Ne||J?"cssFloat":"float",Vn=Ke&&!Pn&&!Wt&&"draggable"in document.createElement("div"),qt=function(){if(Ke){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"},Hn=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},Wn=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","")};Ke&&document.addEventListener("click",function(t){if(ze)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),ze=!1,!1},!0);var ue=function(e){if(c){e=e.touches?e.touches[0]:e;var n=Wn(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)}}},jn=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:Vn,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,Ln())}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(Qn(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)&&Ve!==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,Ve=o,Le=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?We(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",jn);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(H){this._lastX=H.clientX,this._lastY=H.clientY,Qt();for(var e=document.elementFromPoint(H.clientX,H.clientY),n=e;e&&e.shadowRoot&&(e=e.shadowRoot.elementFromPoint(H.clientX,H.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:H.clientX,clientY:H.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=Xe&&O&&Nt(O),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=Ve=oe=se=H=Se=k=ne=pe=Oe=fe=Ae=T=Le=p.dragged=p.ghost=p.clone=p.active=null,$e.forEach(function(e){e.checked=!0}),$e.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),Gn(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 qn(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&&Hed+u*i/2:sf-He)return-Ae}else if(s>d+u*(1-r)/2&&sf-u*i/2)?s>d+u/2?1:-1:0}function Kn(t){return X(c)t.replace(oo,(e,n)=>n.toUpperCase())),tn=["Start","Add","Remove","Update","End"],nn=["Choose","Unchoose","Sort","Filter","Clone"],on=["Move"],io=[on,tn,nn].flatMap(t=>t).map(t=>`on${t}`),mt={manage:on,manageAndEmit:tn,emit:nn};function ao(t){return io.indexOf(t)!==-1}const lo=["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 so(t){return lo.includes(t)}function uo(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 co({$attrs:t,componentData:e={}}){const n=an(Object.entries(t).filter(([o,r])=>rn(o)));return K(K({},n),e)}function fo({$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])=>[ro(e),n]).filter(([e,n])=>!ao(e))}const Xt=({el:t})=>t,ho=(t,e)=>t.__draggable_context=e,Bt=t=>t.__draggable_context;class po{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)=>{ho(Xt(o),{element:n[r],index:r})})}getUnderlyingVm(e){return Bt(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=Bt(a);if(l)return l.index;if(r===0)return 0;const s=Xt(o[0]),u=[...i].findIndex(d=>d===s);return emo(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 vo(t){const e=uo(t),n=!so(t)&&!e;return{transition:e,externalComponent:n,tag:n?De(t):e?bn:t}}function bo({$slots:t,tag:e,realList:n,getKey:o}){const r=go({$slots:t,realList:n,getKey:o}),i=vo(e);return new po({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 _o(t){const e=un.call(this,t);return(n,o)=>{e.call(this,n,o),sn.call(this,t,n)}}let ct=null;const wo={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}},yo=["update:modelValue","change",...[...mt.manageAndEmit,...mt.emit].map(t=>t.toLowerCase())],Yt=Vt({name:"draggable",inheritAttrs:!1,props:wo,emits:yo,data(){return{error:!1}},render(){try{this.error=!1;const{$slots:t,$attrs:e,tag:n,componentData:o,realList:r,getKey:i}=this,a=bo({$slots:t,tag:n,realList:r,getKey:i});this.componentStructure=a;const l=co({$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&&to.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=fo({$attrs:t,callBackBuilder:{manageAndEmit:i=>_o.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}}}),_t=t=>(Sn("data-v-97efa29c"),t=t(),Cn(),t),Eo={class:"card-header"},Do={class:"font-medium"},So={class:"drag-container"},Co=_t(()=>L("div",{class:"card-header"},[L("span",null,"grid列表拖拽")],-1)),xo=_t(()=>L("div",{class:"card-header"},[L("span",null,"单列拖拽")],-1)),To={class:"item-single"},Io=_t(()=>L("div",{class:"card-header"},[L("span",null,"拖拽实现元素位置交换")],-1)),Oo={class:"cut-container"},Ao=Vt({name:"Draggable",__name:"draggable",setup(t){const{setSortSwap:e}=Tt(),n=Ze([{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=Ze([{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=Ze([{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 Qe(),wn(u,{shadow:"never"},{header:I(()=>[L("div",Eo,[L("span",Do,[Je(" 拖拽组件,采用开源的 "),V(s,{href:"https://sortablejs.github.io/vue.draggable.next/#/simple",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:I(()=>[Je(" vuedraggable ")]),_:1})])]),V(s,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/draggable.vue",target:"_blank"},{default:I(()=>[Je(" 代码位置 src/views/able/draggable.vue ")]),_:1})]),default:I(()=>[L("div",So,[V(f,{gutter:25},{default:I(()=>[V(d,{xs:25,sm:8,md:8,lg:8},{default:I(()=>[V(u,{shadow:"never"},{header:I(()=>[Co]),default:I(()=>[V(Ct(Yt),{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:I(({element:m})=>[L("div",{class:yn("item item-"+m.num)},ke(m.num),3)]),_:1},8,["modelValue"])]),_:1})]),_:1}),V(d,{xs:25,sm:8,md:8,lg:8},{default:I(()=>[V(u,{shadow:"never"},{header:I(()=>[xo]),default:I(()=>[V(Ct(Yt),{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:I(({element:m,index:_})=>[L("div",To,ke(m.name)+" "+ke(_),1)]),_:1},8,["modelValue"])]),_:1})]),_:1}),V(d,{xs:25,sm:8,md:8,lg:8},{default:I(()=>[V(u,{shadow:"never"},{header:I(()=>[Io]),default:I(()=>[L("div",Oo,[(Qe(!0),xt(Dn,null,En(r.value,(m,_)=>(Qe(),xt("div",{key:_,class:"item-cut"},[L("p",null,ke(m.name),1)]))),128))])]),_:1})]),_:1})]),_:1})])]),_:1})}}}),Lo=xn(Ao,[["__scopeId","data-v-97efa29c"]]);export{Lo as default};