LayoutItem-e6faaf19.js
3.48 KB
var N=Object.defineProperty,P=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var v=(e,o,t)=>o in e?N(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,C=(e,o)=>{for(var t in o||(o={}))D.call(o,t)&&v(e,t,o[t]);if(y)for(var t of y(o))H.call(o,t)&&v(e,t,o[t]);return e},$=(e,o)=>P(e,V(o));import{d as O,r as R,e as p,H as _,a8 as n,_ as m,a9 as u,aa as s,$ as k,a2 as A,B,f as l,ad as b,F as j,ab as z,aj as q,ak as E}from"./vue-5a35c3f5.js";import{d as M}from"./vuedraggable.umd-7ff3c7c5.js";import U from"./FormNode-f6a6523f.js";import G from"./FormNodeOperate-62e3bb93.js";import{a as T}from"./useFormDesignState-032955db.js";import{be as J,bf as K}from"./antd-6b087f69.js";import{_ as Q}from"./index.js";import"./index-e75bbbfe.js";import"./formItemConfig-88eb9e72.js";import"./componentMap-4d1c941b.js";import"./useFormItem-9ea791b8.js";import"./RadioButtonGroup-72b65d2e.js";import"./index-c1c2669a.js";import"./useWindowSizeFn-cc2fb57c.js";import"./uuid-31b8b5a4.js";import"./download-3d468407.js";import"./base64Conver-39fc0d26.js";import"./index-1ca3bd8a.js";import"./IconPicker-6bbd557c.js";import"./index-9a895eb5.js";import"./index-15077a33.js";const W=O({name:"LayoutItem",components:{FormNode:U,FormNodeOperate:G,draggable:M,Row:J,Col:K},props:{schema:{type:Object,required:!0},currentItem:{type:Object,required:!0}},emits:["dragStart","handleColAdd","handle-copy","handle-delete"],setup(e){const{formDesignMethods:{handleSetSelectItem:o},formConfig:t}=T(),c=R({}),g=p(()=>{const{colProps:i={}}=e.schema;return i}),h=p(()=>e.schema.columns),d=p(()=>t.value.layout==="horizontal"?"Col":"div");return $(C({},_(c)),{colPropsComputed:g,handleSetSelectItem:o,layoutTag:d,list1:h})}});function X(e,o,t,c,g,h){const d=n("LayoutItem",!0),i=n("draggable"),f=n("Col"),I=n("Row"),F=n("FormNodeOperate"),S=n("FormNode");return m(),u(f,q(E(e.colPropsComputed)),{default:s(()=>[["Grid"].includes(e.schema.component)?(m(),k("div",{key:0,class:A(["grid-box",{active:e.schema.key===e.currentItem.key}]),onClick:o[2]||(o[2]=B(r=>e.handleSetSelectItem(e.schema),["stop"]))},[l(I,b({class:"grid-row"},e.schema.componentProps),{default:s(()=>[(m(!0),k(j,null,z(e.schema.columns,(r,w)=>(m(),u(f,{class:"grid-col",key:w,span:r.span},{default:s(()=>[l(i,b({class:"list-main draggable-box","component-data":{name:"list",tag:"div",type:"transition-group"}},{group:"form-draggable",ghostClass:"moving",animation:180,handle:".drag-move"},{"item-key":"key",modelValue:r.children,"onUpdate:modelValue":a=>r.children=a,onStart:a=>e.$emit("dragStart",a,r.children),onAdd:a=>e.$emit("handleColAdd",a,r.children)}),{item:s(({element:a})=>[l(d,{class:"drag-move",schema:a,"current-item":e.currentItem,onHandleCopy:o[0]||(o[0]=L=>e.$emit("handle-copy")),onHandleDelete:o[1]||(o[1]=L=>e.$emit("handle-delete"))},null,8,["schema","current-item"])]),_:2},1040,["modelValue","onUpdate:modelValue","onStart","onAdd"])]),_:2},1032,["span"]))),128))]),_:1},16),l(F,{schema:e.schema,currentItem:e.currentItem},null,8,["schema","currentItem"])],2)):(m(),u(S,{key:e.schema.key,schema:e.schema,"current-item":e.currentItem,onHandleCopy:o[3]||(o[3]=r=>e.$emit("handle-copy")),onHandleDelete:o[4]||(o[4]=r=>e.$emit("handle-delete"))},null,8,["schema","current-item"]))]),_:1},16)}const Ce=Q(W,[["render",X],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/form-design/components/VFormDesign/components/LayoutItem.vue"]]);export{Ce as default};