FormComponentPanel-AlUIphwg.js 2.5 KB

1
  1. import{d as f}from"./vuedraggable.umd-DKsDAD0i.js";import g from"./LayoutItem-BW_7wlt1.js";import{a as h}from"./useFormDesignState-BkhFEFlr.js";import{$ as v,aU as _,f as C}from"./antd-FjOLgRLC.js";import{d as y,c as S,a9 as r,Z as E,_ as F,m as I,A as D,k as s,a8 as d,$ as b,aj as k,ak as A}from"./vue-ByATgq5d.js";import{_ as $}from"./entry/index-C5x3nItD.js";import"./FormNode-BeJio6jg.js";import"./FormNodeOperate-BsaN0iAd.js";import"./index-CuePLYzQ.js";import"./index-BuVzEkzH.js";import"./formItemConfig-V4-nRMde.js";import"./componentMap-OLIPePDp.js";import"./useFormItem-DmfL7Ss_.js";import"./RadioButtonGroup.vue_vue_type_script_setup_true_lang-DYA_XuSK.js";import"./index-B3-G2FWn.js";import"./index-C3eCHuhJ.js";import"./useWindowSizeFn-Ds2vubkY.js";import"./uuid-D0SLUWHI.js";import"./useSortable-CLsNYFlK.js";import"./download-dpR2DPsa.js";import"./base64Conver-bBv-IO2K.js";import"./index-5YAQe_Xs.js";import"./IconPicker.vue_vue_type_script_setup_true_lang-DdmWKVnA.js";import"./copyTextToClipboard-D9zCzvi-.js";import"./index-DVvLils4.js";import"./index-XFZrxq3s.js";const V=y({name:"FormComponentPanel",components:{LayoutItem:g,draggable:f,Form:v,Empty:_},emits:["handleSetSelectItem"],setup(o,{emit:a}){const{formConfig:t}=h(),i=({newIndex:e})=>{t.value.schemas=t.value.schemas||[];const m=t.value.schemas;m[e]=C(m[e]),a("handleSetSelectItem",m[e])},p=e=>{a("handleSetSelectItem",t.value.schemas[e.oldIndex])},l=S(()=>t.value.layout==="horizontal"?"Col":"div");return{addItem:i,handleDragStart:p,formConfig:t,layoutTag:l}}}),B={class:"form-panel v-form-container"},P={class:"draggable-box"};function L(o,a,t,i,p,l){const e=r("Empty"),m=r("LayoutItem"),c=r("draggable"),u=r("Form");return E(),F("div",B,[I(s(e,{class:"empty-text",description:"从左侧选择控件添加"},null,512),[[D,o.formConfig.schemas.length===0]]),s(u,k(A(o.formConfig)),{default:d(()=>[b("div",P,[s(c,{class:"list-main ant-row",group:"form-draggable","component-data":{name:"list",tag:"div",type:"transition-group"},ghostClass:"moving",animation:180,handle:".drag-move",modelValue:o.formConfig.schemas,"onUpdate:modelValue":a[0]||(a[0]=n=>o.formConfig.schemas=n),"item-key":"key",onAdd:o.addItem,onStart:o.handleDragStart},{item:d(({element:n})=>[s(m,{class:"drag-move",schema:n,data:o.formConfig,"current-item":o.formConfig.currentItem||{}},null,8,["schema","data","current-item"])]),_:1},8,["modelValue","onAdd","onStart"])])]),_:1},16)])}const so=$(V,[["render",L],["__scopeId","data-v-311e860d"]]);export{so as default};