"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[2018],{41203:function(t,e,i){i.r(e),i.d(e,{default:function(){return g}});var d=i(66252),a=i(3577);const l={class:"dragList"},s={class:"item"},n={class:"dragList"},u={class:"item"};function o(t,e,i,o,r,m){const x=(0,d.up)("el-alert"),c=(0,d.up)("draggable"),p=(0,d.up)("el-main");return(0,d.wg)(),(0,d.j4)(p,null,{default:(0,d.w5)((()=>[(0,d.Wm)(x,{title:"感谢Vue3.0版本的vue.draggable.next拖拽组件 https://github.com/SortableJS/vue.draggable.next",type:"success",style:{"margin-bottom":"20px"}}),(0,d._)("div",l,[(0,d.Wm)(c,{modelValue:r.listA,"onUpdate:modelValue":e[0]||(e[0]=t=>r.listA=t),animation:"200","item-key":"id",group:"people"},{item:(0,d.w5)((({element:t})=>[(0,d._)("div",s,(0,a.toDisplayString)(t.text),1)])),_:1},8,["modelValue"])]),(0,d._)("div",n,[(0,d.Wm)(c,{modelValue:r.listB,"onUpdate:modelValue":e[1]||(e[1]=t=>r.listB=t),animation:"200","item-key":"id",group:"people"},{item:(0,d.w5)((({element:t})=>[(0,d._)("div",u,(0,a.toDisplayString)(t.text),1)])),_:1},8,["modelValue"])])])),_:1})}var r=i(9980),m=i.n(r),x={name:"drag",components:{draggable:m()},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(83744);const p=(0,c.Z)(x,[["render",o],["__scopeId","data-v-a544debc"]]);var g=p}}]);