"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[5413],{8484:function(t,e,i){i.r(e),i.d(e,{default:function(){return p}});var d=i(641),a=i(2644);const l={class:"dragList"},s={class:"item"},n={class:"dragList"},u={class:"item"};function o(t,e,i,o,r,x){const m=(0,d.g2)("el-alert"),c=(0,d.g2)("draggable"),g=(0,d.g2)("el-main");return(0,d.uX)(),(0,d.Wv)(g,null,{default:(0,d.k6)((()=>[(0,d.bF)(m,{title:"感谢Vue3.0版本的vue.draggable.next拖拽组件 https://github.com/SortableJS/vue.draggable.next",type:"success",style:{"margin-bottom":"20px"}}),(0,d.Lk)("div",l,[(0,d.bF)(c,{modelValue:r.listA,"onUpdate:modelValue":e[0]||(e[0]=t=>r.listA=t),animation:"200","item-key":"id",group:"people"},{item:(0,d.k6)((({element:t})=>[(0,d.Lk)("div",s,(0,a.v_)(t.text),1)])),_:1},8,["modelValue"])]),(0,d.Lk)("div",n,[(0,d.bF)(c,{modelValue:r.listB,"onUpdate:modelValue":e[1]||(e[1]=t=>r.listB=t),animation:"200","item-key":"id",group:"people"},{item:(0,d.k6)((({element:t})=>[(0,d.Lk)("div",u,(0,a.v_)(t.text),1)])),_:1},8,["modelValue"])])])),_:1})}var r=i(432),x=i.n(r),m={name:"drag",components:{draggable:x()},data(){return{listA:[{id:1,text:"A1"},{id:2,text:"A2"},{id:3,text:"A3"},{id:4,text:"A4"},{id:5,text:"A5"},{id:6,text:"A6"},{id:7,text:"A7"},{id:8,text:"A8"},{id:9,text:"A9"}],listB:[{id:1,text:"B1"},{id:2,text:"B2"},{id:3,text:"B3"},{id:4,text:"B4"},{id:5,text:"B5"},{id:6,text:"B6"},{id:7,text:"B7"},{id:8,text:"B8"},{id:9,text:"B9"}]}}},c=i(6262);const g=(0,c.A)(m,[["render",o],["__scopeId","data-v-a544debc"]]);var p=g}}]);