CollapseItem-d62e2bbe.js 1.59 KB
import{d as u,r as f,a8 as r,_ as g,$ as _,f as d,aa as h,a0 as v,ac as C,E as I,a1 as $,ad as y,a2 as b}from"./vue-5a35c3f5.js";import{d as k}from"./vuedraggable.umd-7ff3c7c5.js";import{I as A,h as D,_ as S}from"./index.js";import"./antd-6b087f69.js";const V=u({name:"CollapseItem",components:{draggable:k,Icon:A},props:{list:{type:[Array],default:()=>[]},handleListPush:{type:Function,default:null}},setup(e,{emit:t}){const{prefixCls:a}=D("form-design-collapse-item"),n=f({});return{prefixCls:a,state:n,handleStart:(o,s)=>{t("start",s[o.oldIndex].component)},handleAdd:o=>{console.log(o)},cloneItem:o=>e.handleListPush(o)}}});const x=["onDragstart","onClick"];function N(e,t,a,n,i,c){const l=r("Icon"),o=r("draggable");return g(),_("div",{class:b(e.prefixCls)},[d(o,y({tag:"ul","model-value":e.list},{group:{name:"form-draggable",pull:"clone",put:!1},sort:!1,clone:e.cloneItem,animation:180,ghostClass:"moving"},{"item-key":"type",onStart:t[0]||(t[0]=s=>e.handleStart(s,e.list)),onAdd:e.handleAdd}),{item:h(({element:s,index:m})=>[v("li",{class:"bs-box text-ellipsis",onDragstart:p=>e.$emit("add-attrs",e.list,m),onClick:p=>e.$emit("handle-list-push",s)},[C(` <svg v-if="element.icon.indexOf('icon-') > -1" class="icon" aria-hidden="true">
            <use :xlink:href="\`#\${element.icon}\`" />
          </svg> `),d(l,{icon:s.icon},null,8,["icon"]),I(" "+$(s.label),1)],40,x)]),_:1},16,["model-value","onAdd"])],2)}const F=S(V,[["render",N],["__scopeId","data-v-e059cc58"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/form-design/components/VFormDesign/modules/CollapseItem.vue"]]);export{F as default};