"use strict";(self["webpackChunkmi_wifi_agent"]=self["webpackChunkmi_wifi_agent"]||[]).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"},n={class:"item"},s={class:"dragList"},o={class:"item"};function u(t,e,i,u,r,m){const x=(0,d.g2)("el-alert"),g=(0,d.g2)("draggable"),c=(0,d.g2)("el-main");return(0,d.uX)(),(0,d.Wv)(c,null,{default:(0,d.k6)((()=>[(0,d.bF)(x,{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)(g,{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",n,(0,a.v_)(t.text),1)])),_:1},8,["modelValue"])]),(0,d.Lk)("div",s,[(0,d.bF)(g,{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",o,(0,a.v_)(t.text),1)])),_:1},8,["modelValue"])])])),_:1})}var r=i(432),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"}]}}},g=i(6262);const c=(0,g.A)(x,[["render",u],["__scopeId","data-v-a544debc"]]);var p=c}}]);