FormItemProps-97b82543.js 4.55 KB
import{d as _,w as U,e as E,a8 as s,_ as r,$ as n,a9 as t,aa as a,F as i,ab as f,ai as d,ad as v,ac as m,f as C,E as A,a1 as S,a2 as D}from"./vue-5a35c3f5.js";import{a as $,c as B,d as L,e as R}from"./formItemPropsConfig-bee2761c.js";import V from"./RuleProps-2441266b.js";import{a as q}from"./useFormDesignState-032955db.js";import{a4 as G,a1 as N,ay as z,bJ as J,aX as T,az as X,aI as Y,aY as j,bf as H,bh as K,l as M}from"./antd-6b087f69.js";import{_ as O}from"./index.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 Q=_({name:"FormItemProps",components:{RuleProps:V,Empty:G,Input:N,Form:z,FormItem:J,Switch:T,Checkbox:X,Select:Y,Slider:j,Col:H,RadioGroup:K},setup(){const{formConfig:e}=q();U(()=>e.value,()=>{e.value.currentItem&&(e.value.currentItem.itemProps=e.value.currentItem.itemProps||{},e.value.currentItem.itemProps.labelCol=e.value.currentItem.itemProps.labelCol||{},e.value.currentItem.itemProps.wrapperCol=e.value.currentItem.itemProps.wrapperCol||{})},{deep:!0,immediate:!0});const u=p=>p&&M(p)?!p.includes(e.value.currentItem.component):!0,I=E(()=>$.filter(p=>u(p.exclude)));return{baseFormItemProps:B,advanceFormItemProps:L,advanceFormItemColProps:R,formConfig:e,controlPropsList:I,showProps:u}}}),W={class:"properties-content"},Z={key:0,class:"properties-body"};function x(e,u,I,p,ee,oe){var P;const g=s("Empty"),c=s("FormItem"),b=s("Checkbox"),k=s("Col"),F=s("Switch"),y=s("Input"),h=s("RuleProps"),w=s("Form");return r(),n("div",W,[(P=e.formConfig.currentItem)!=null&&P.itemProps?(r(),n("div",Z,[e.formConfig.currentItem.key?(r(),t(w,{key:1,"label-align":"left",layout:"vertical"},{default:a(()=>[(r(!0),n(i,null,f(e.baseFormItemProps,o=>(r(),n("div",{key:o.name},[e.showProps(o.exclude)?(r(),t(c,{key:0,label:o.label},{default:a(()=>[(r(),t(d(o.component),v({class:"component-props"},o.componentProps,{value:e.formConfig.currentItem[o.name],"onUpdate:value":l=>e.formConfig.currentItem[o.name]=l}),null,16,["value","onUpdate:value"]))]),_:2},1032,["label"])):m("v-if",!0)]))),128)),(r(!0),n(i,null,f(e.advanceFormItemProps,o=>(r(),n("div",{key:o.name},[e.showProps(o.exclude)?(r(),t(c,{key:0,label:o.label},{default:a(()=>[(r(),t(d(o.component),v({class:"component-props"},o.componentProps,{value:e.formConfig.currentItem.itemProps[o.name],"onUpdate:value":l=>e.formConfig.currentItem.itemProps[o.name]=l}),null,16,["value","onUpdate:value"]))]),_:2},1032,["label"])):m("v-if",!0)]))),128)),(r(!0),n(i,null,f(e.advanceFormItemColProps,o=>(r(),n("div",{key:o.name},[e.showProps(o.exclude)?(r(),t(c,{key:0,label:o.label},{default:a(()=>[(r(),t(d(o.component),v({class:"component-props"},o.componentProps,{value:e.formConfig.currentItem.itemProps[o.name].span,"onUpdate:value":l=>e.formConfig.currentItem.itemProps[o.name].span=l}),null,16,["value","onUpdate:value"]))]),_:2},1032,["label"])):m("v-if",!0)]))),128)),e.controlPropsList.length?(r(),t(c,{key:0,label:"控制属性"},{default:a(()=>[(r(!0),n(i,null,f(e.controlPropsList,o=>(r(),t(k,{key:o.name},{default:a(()=>[C(b,{checked:e.formConfig.currentItem.itemProps[o.name],"onUpdate:checked":l=>e.formConfig.currentItem.itemProps[o.name]=l},{default:a(()=>[A(S(o.label),1)]),_:2},1032,["checked","onUpdate:checked"])]),_:2},1024))),128))]),_:1})):m("v-if",!0),["Grid"].includes(e.formConfig.currentItem.component)?m("v-if",!0):(r(),t(c,{key:1,label:"是否必选"},{default:a(()=>[C(F,{checked:e.formConfig.currentItem.itemProps.required,"onUpdate:checked":u[0]||(u[0]=o=>e.formConfig.currentItem.itemProps.required=o)},null,8,["checked"]),e.formConfig.currentItem.itemProps.required?(r(),t(y,{key:0,value:e.formConfig.currentItem.itemProps.message,"onUpdate:value":u[1]||(u[1]=o=>e.formConfig.currentItem.itemProps.message=o),placeholder:"请输入必选提示"},null,8,["value"])):m("v-if",!0)]),_:1})),["Grid"].includes(e.formConfig.currentItem.component)?m("v-if",!0):(r(),t(c,{key:2,label:"校验规则",class:D({"form-rule-props":!!e.formConfig.currentItem.itemProps.rules})},{default:a(()=>[C(h)]),_:1},8,["class"]))]),_:1})):(r(),t(g,{key:0,class:"hint-box",description:"未选择控件"}))])):m("v-if",!0)])}const ke=O(Q,[["render",x],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/form-design/components/VFormDesign/components/FormItemProps.vue"]]);export{ke as default};