index-73df4cf7.js 2.1 KB

1
  1. import{d as w,dR as D,ev as C,ag as V,o as p,c as j,f as e,w as a,n as z,g as i,a as s,v as $,P as E,aE as I,F as P,a$ as R,j as q,b7 as F,C as A,_ as B,__tla as G}from"./index-e3afde76.js";import{E as H,__tla as J}from"./el-text-a1884411.js";import{V as K,__tla as L}from"./vuedraggable.umd-5c0d6bc1.js";import{u as M,__tla as N}from"./util-8530b6d4.js";let _,O=Promise.all([(()=>{try{return G}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return L}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),_=B(w({name:"Draggable",__name:"index",props:{modelValue:D().isRequired,emptyItem:C().def({}),limit:V.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(R(c.emptyItem||{}));return(y,Q)=>{const g=H,r=q,n=F,h=A;return p(),j(P,null,[e(g,{type:"info",size:"small"},{default:a(()=>[z(" \u62D6\u52A8\u5DE6\u4E0A\u89D2\u7684\u5C0F\u5706\u70B9\u53EF\u5BF9\u5176\u6392\u5E8F ")]),_:1}),e(s(K),{list:s(l),"force-fallback":!0,animation:200,handle:".drag-icon",class:"m-t-8px","item-key":"index"},{item:a(({element:v,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?(p(),$(r,{key:0,icon:"ep:delete",class:"cursor-pointer text-red-5",onClick:S=>(k=>l.value.splice(k,1))(u)},null,8,["onClick"])):E("",!0)]),_:2},1024)]),I(y.$slots,"default",{element:v,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{_,O as __tla};