index-2c298a17.js 2.1 KB

1
  1. import{d as z,dW as D,ez as w,as as C,o as p,c as V,f as e,A as a,D as j,B as n,a as s,C as I,a3 as $,aO as q,F as A,cT as B,Q as E,bg as F,J,_ as O,__tla as P}from"./index-286756b9.js";import{E as Q,__tla as R}from"./el-text-573636b0.js";import{V as T,__tla as W}from"./vuedraggable.umd-8aa39da2.js";import{u as G,__tla as H}from"./util-667391da.js";let _,K=Promise.all([(()=>{try{return P}catch{}})(),(()=>{try{return R}catch{}})(),(()=>{try{return W}catch{}})(),(()=>{try{return H}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=n("span",null,"\u6DFB\u52A0",-1),_=O(z({name:"Draggable",__name:"index",props:{modelValue:D().isRequired,emptyItem:w().def({}),limit:C.number.def(0)},emits:["update:modelValue"],setup(t,{emit:f}){const c=t,x=f,{formData:l}=G(c.modelValue,x),b=()=>l.value.push(B(c.emptyItem||{}));return(y,L)=>{const g=Q,r=E,i=F,h=J;return p(),V(A,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(T),{list:s(l),"force-fallback":!0,animation:200,handle:".drag-icon",class:"m-t-8px","item-key":"index"},{item:a(({element:k,index:u})=>[n("div",o,[n("div",d,[e(i,{content:"\u62D6\u52A8\u6392\u5E8F"},{default:a(()=>[e(r,{icon:"ic:round-drag-indicator",class:"drag-icon cursor-move"})]),_:1}),e(i,{content:"\u5220\u9664"},{default:a(()=>[s(l).length>1?(p(),I(r,{key:0,icon:"ep:delete",class:"cursor-pointer text-red-5",onClick:M=>(v=>l.value.splice(v,1))(u)},null,8,["onClick"])):$("",!0)]),_:2},1024)]),q(y.$slots,"default",{element:k,index:u})])]),_:3},8,["list"]),e(i,{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{_,K as __tla};