index-84980803.js 2.1 KB

1
  1. import{d as D,dO as w,eq as V,ai as q,o as p,c as z,g as e,w as a,q as C,h as n,a as s,x as j,R as I,aD as R,F as $,aM as E,k as F,b4 as M,D as O,_ as P,__tla as A}from"./index-f90b5c34.js";import{E as B,__tla as G}from"./el-text-7f029b42.js";import{V as H,__tla as J}from"./vuedraggable.umd-10648c59.js";import{u as K,__tla as L}from"./util-303eb6f8.js";let _,N=Promise.all([(()=>{try{return A}catch{}})(),(()=>{try{return G}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return L}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),_=P(D({name:"Draggable",__name:"index",props:{modelValue:w().isRequired,emptyItem:V().def({}),limit:q.number.def(0)},emits:["update:modelValue"],setup(t,{emit:f}){const c=t,x=f,{formData:l}=K(c.modelValue,x),b=()=>l.value.push(E(c.emptyItem||{}));return(y,Q)=>{const g=B,r=F,i=M,h=O;return p(),z($,null,[e(g,{type:"info",size:"small"},{default:a(()=>[C(" \u62D6\u52A8\u5DE6\u4E0A\u89D2\u7684\u5C0F\u5706\u70B9\u53EF\u5BF9\u5176\u6392\u5E8F ")]),_:1}),e(s(H),{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(),j(r,{key:0,icon:"ep:delete",class:"cursor-pointer text-red-5",onClick:S=>(v=>l.value.splice(v,1))(u)},null,8,["onClick"])):I("",!0)]),_:2},1024)]),R(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-business/src/components/Draggable/index.vue"]])});export{_,N as __tla};