1 |
- import{d as w,dR as z,ex as C,ag as D,o as _,c as V,f as e,w as a,n as j,g as i,a as s,v as I,P,az as R,F as $,aL as q,j as E,a_ as F,C as L,_ as A,__tla as B}from"./index-6d7b82ba.js";import{E as G,__tla as H}from"./el-text-cceaf178.js";import{V as J,__tla as K}from"./vuedraggable.umd-ff291baa.js";import{u as M,__tla as N}from"./util-83233a10.js";let p,O=Promise.all([(()=>{try{return B}catch{}})(),(()=>{try{return H}catch{}})(),(()=>{try{return K}catch{}})(),(()=>{try{return N}catch{}})()]).then(async()=>{let o,d,m;o={class:"mb-4px flex flex-col gap-4px border border-gray-2 border-rounded rounded border-solid p-8px"},d={class:"m--8px m-b-4px flex flex-row items-center justify-between bg-gray-1 p-8px"},m=i("span",null,"\u6DFB\u52A0",-1),p=A(w({name:"Draggable",__name:"index",props:{modelValue:z().isRequired,emptyItem:C().def({}),limit:D.number.def(0)},emits:["update:modelValue"],setup(t,{emit:f}){const c=t,x=f,{formData:l}=M(c.modelValue,x),b=()=>l.value.push(q(c.emptyItem||{}));return(y,Q)=>{const g=G,r=E,n=F,h=L;return _(),V($,null,[e(g,{type:"info",size:"small"},{default:a(()=>[j(" \u62D6\u52A8\u5DE6\u4E0A\u89D2\u7684\u5C0F\u5706\u70B9\u53EF\u5BF9\u5176\u6392\u5E8F ")]),_:1}),e(s(J),{list:s(l),"force-fallback":!0,animation:200,handle:".drag-icon",class:"m-t-8px","item-key":"index"},{item:a(({element:k,index:u})=>[i("div",o,[i("div",d,[e(n,{content:"\u62D6\u52A8\u6392\u5E8F"},{default:a(()=>[e(r,{icon:"ic:round-drag-indicator",class:"drag-icon cursor-move"})]),_:1}),e(n,{content:"\u5220\u9664"},{default:a(()=>[s(l).length>1?(_(),I(r,{key:0,icon:"ep:delete",class:"cursor-pointer text-red-5",onClick:S=>(v=>l.value.splice(v,1))(u)},null,8,["onClick"])):P("",!0)]),_:2},1024)]),R(y.$slots,"default",{element:k,index:u})])]),_:3},8,["list"]),e(n,{disabled:t.limit<1,content:`\u6700\u591A\u6DFB\u52A0${t.limit}\u4E2A`},{default:a(()=>[e(h,{type:"primary",plain:"",class:"m-t-4px w-full",disabled:t.limit>0&&s(l).length>=t.limit,onClick:b},{default:a(()=>[e(r,{icon:"ep:plus"}),m]),_:1},8,["disabled"])]),_:1},8,["disabled","content"])],64)}}}),[["__file","D:/zx/mall-newfeifan-zx-admin/src/components/Draggable/index.vue"]])});export{p as _,O as __tla};
|