You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
3.5 KiB
JavaScript
2 lines
3.5 KiB
JavaScript
var w=Object.defineProperty,L=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var C=(e,o,t)=>o in e?w(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,v=(e,o)=>{for(var t in o||(o={}))R.call(o,t)&&C(e,t,o[t]);if(y)for(var t of y(o))V.call(o,t)&&C(e,t,o[t]);return e},$=(e,o)=>L(e,O(o));import{d as A}from"./vuedraggable.umd-BIlP4PKM.js";import B from"./FormNode-dkWEjm1-.js";import D from"./FormNodeOperate-zco79rmw.js";import{a as H}from"./useFormDesignState-DLztCSBe.js";import{d as z,r as j,c as p,I as q,aa as n,_ as m,a8 as u,a9 as s,$ as k,a2 as M,B as U,k as l,ad as b,F as E,ab as G,ak as T,al as J}from"./vue-aEZWZQSa.js";import{ao as K,ap as Q}from"./antd-BY-1PcYE.js";import{_ as W}from"./entry/index-C2Ijy48E-1723706691540.js";import"./index-Cn2GQIC1.js";import"./formItemConfig-BwztHBRH.js";import"./componentMap-zBHKqdNc.js";import"./RadioButtonGroup.vue_vue_type_script_setup_true_lang-CVQ-sEzT.js";import"./index-DVy1eUzr.js";import"./index-fya05jI8.js";import"./useWindowSizeFn-CjdUjzGl.js";import"./useSortable-Bra4jKJL.js";import"./download-Cu3oizbN.js";import"./useLoading-C2GeNIUj.js";import"./copyTextToClipboard-BBFF3Y3I.js";import"./onMountedOrActivated-BIJ0U1R1.js";import"./style-apcQnL4e.js";import"./index-CyxTcJnj.js";const X=z({name:"LayoutItem",components:{FormNode:B,FormNodeOperate:D,draggable:A,Row:K,Col:Q},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}=H(),c=j({}),g=p(()=>{const{colProps:i={}}=e.schema;return i}),h=p(()=>e.schema.columns),d=p(()=>t.value.layout==="horizontal"?"Col":"div");return $(v({},q(c)),{colPropsComputed:g,handleSetSelectItem:o,layoutTag:d,list1:h})}});function Y(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,T(J(e.colPropsComputed)),{default:s(()=>[["Grid"].includes(e.schema.component)?(m(),k("div",{key:0,class:M(["grid-box",{active:e.schema.key===e.currentItem.key}]),onClick:o[2]||(o[2]=U(r=>e.handleSetSelectItem(e.schema),["stop"]))},[l(I,b({class:"grid-row"},e.schema.componentProps),{default:s(()=>[(m(!0),k(E,null,G(e.schema.columns,(r,N)=>(m(),u(f,{class:"grid-col",key:N,span:r.span},{default:s(()=>[l(i,b({class:"list-main draggable-box","component-data":{name:"list",tag:"div",type:"transition-group"},ref_for:!0},{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]=P=>e.$emit("handle-copy")),onHandleDelete:o[1]||(o[1]=P=>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 ve=W(X,[["render",Y]]);export{ve as default};
|