import{D as r}from"./vuedraggable.umd-Co2xEC3p.js";import{d as v,a as m,h as x,o as z,i as n,j as t,w as e,p as a,W as K,al as L,M as N,l as _,ae as V,A as u,U as w,v as B}from"./index-9PRMimni.js";const C={class:"n-layout-page-header"},D={class:"cursor-move draggable-li"},k={class:"ml-2"},O={class:"cursor-move draggable-li"},T={class:"ml-2"},j={class:"cursor-move draggable-li"},A={class:"ml-2"},E={class:"cursor-move draggable-li"},I={class:"ml-2"},M=v({__name:"index",setup(S){const p=m([{name:"预约表单页面，能填写预约相关信息",id:1},{name:"促销活动页面，包含促销广告展示",id:2},{name:"商品列表，需要一个到货提醒功能",id:3},{name:"商品需要一个评价功能",id:4},{name:"商品图片需要提供放大镜",id:5},{name:"订单需要提供删除到回收站",id:6},{name:"用户头像上传，需要支持裁剪",id:7},{name:"据说Vue3.2发布了，setup啥时候支持？",id:8}]),f=m([{name:"商品图片需要提供放大镜",id:5}]),g=m([{name:"商品图片需要提供放大镜",id:5}]),c=m([{name:"商品图片需要提供放大镜",id:5}]);return(U,s)=>{const i=K,y=L,o=V,d=N,b=w;return z(),x("div",null,[n("div",C,[t(i,{bordered:!1,title:"拖拽"},{default:e(()=>s[0]||(s[0]=[a(" 常用于卡片，事项，预约，流程，计划等， ")])),_:1})]),t(y,{title:"花式拖拽演示",type:"info",class:"mt-3"},{default:e(()=>s[1]||(s[1]=[a(" 每个卡片，都可以上下拖拽顺序，另外不同卡片，也可以拖拽过去，拖拽过来，都不在话下呢，快试试O(∩_∩)O哈哈~ ")])),_:1}),t(b,{cols:"1 s:2 m:3 l:4 xl:4 2xl:4",class:"mt-3 proCard",responsive:"screen","x-gap":12,"y-gap":8},{default:e(()=>[t(d,null,{default:e(()=>[t(i,{title:"需求池",segmented:{content:!0,footer:!0},size:"small",bordered:!1},{"header-extra":e(()=>[t(o,{type:"info"},{default:e(()=>s[2]||(s[2]=[a("月")])),_:1})]),default:e(()=>[t(_(r),{class:"draggable-ul",animation:"300",list:p,group:"people",itemKey:"name"},{item:e(({element:l})=>[n("div",D,[t(o,{type:"info"},{default:e(()=>s[3]||(s[3]=[a("需求")])),_:1}),n("span",k,u(l.name),1)])]),_:1},8,["list"])]),_:1})]),_:1}),t(d,null,{default:e(()=>[t(i,{title:"开发中",segmented:{content:!0,footer:!0},size:"small",bordered:!1},{"header-extra":e(()=>[t(o,{type:"info"},{default:e(()=>s[4]||(s[4]=[a("月")])),_:1})]),default:e(()=>[t(_(r),{class:"draggable-ul",animation:"300",list:f,group:"people",itemKey:"name"},{item:e(({element:l})=>[n("div",O,[t(o,{type:"warning"},{default:e(()=>s[5]||(s[5]=[a("开发中")])),_:1}),n("span",T,u(l.name),1)])]),_:1},8,["list"])]),_:1})]),_:1}),t(d,null,{default:e(()=>[t(i,{title:"已完成",segmented:{content:!0,footer:!0},size:"small",bordered:!1},{"header-extra":e(()=>[t(o,{type:"info"},{default:e(()=>s[6]||(s[6]=[a("月")])),_:1})]),default:e(()=>[t(_(r),{class:"draggable-ul",animation:"300",list:g,group:"people",itemKey:"name"},{item:e(({element:l})=>[n("div",j,[t(o,{type:"error"},{default:e(()=>s[7]||(s[7]=[a("已完成")])),_:1}),n("span",A,u(l.name),1)])]),_:1},8,["list"])]),_:1})]),_:1}),t(d,null,{default:e(()=>[t(i,{title:"已验收",segmented:{content:!0,footer:!0},size:"small",bordered:!1},{"header-extra":e(()=>[t(o,{type:"info"},{default:e(()=>s[8]||(s[8]=[a("月")])),_:1})]),default:e(()=>[t(_(r),{class:"draggable-ul",animation:"300",list:c,group:"people",itemKey:"name"},{item:e(({element:l})=>[n("div",E,[t(o,{type:"success"},{default:e(()=>s[9]||(s[9]=[a("已验收")])),_:1}),n("span",I,u(l.name),1)])]),_:1},8,["list"])]),_:1})]),_:1})]),_:1})])}}}),F=B(M,[["__scopeId","data-v-f45d20b1"]]);export{F as default};
