FormProps-05ab6514.js
4.02 KB
import{d as k,a8 as d,_ as p,$ as v,f as o,aa as l,ac as f,E as n,v as B,A as E,a9 as _}from"./vue-5a35c3f5.js";import{a as h}from"./useFormDesignState-032955db.js";import{aV as w,aY as R,az as L,aH as g,ay as U,bJ as A,bf as G}from"./antd-6b087f69.js";import{_ as z}from"./index.js";const D=k({name:"FormProps",components:{InputNumber:w,Slider:R,Checkbox:L,RadioGroup:g.Group,RadioButton:g.Button,Form:U,FormItem:A,Col:G},setup(){const{formConfig:e}=h();return e.value=e.value||{labelCol:{span:24},wrapperCol:{span:24}},{formConfig:e,lableLayoutChange:C=>{C.target.value==="Grid"&&(e.value.layout="horizontal")}}}}),I={class:"properties-content"},N={key:0};function S(e,a,C,c,V,$){const t=d("RadioButton"),i=d("RadioGroup"),r=d("FormItem"),F=d("InputNumber"),b=d("Slider"),s=d("Checkbox"),m=d("Col"),y=d("Form");return p(),v("div",I,[o(y,{class:"properties-body","label-align":"left",layout:"vertical"},{default:l(()=>[f(' <e-upload v-model="fileList"></e-upload>'),o(r,{label:"表单布局"},{default:l(()=>[o(i,{"button-style":"solid",value:e.formConfig.layout,"onUpdate:value":a[0]||(a[0]=u=>e.formConfig.layout=u)},{default:l(()=>[o(t,{value:"horizontal"},{default:l(()=>[n("水平")]),_:1}),o(t,{value:"vertical",disabled:e.formConfig.labelLayout==="Grid"},{default:l(()=>[n(" 垂直 ")]),_:1},8,["disabled"]),o(t,{value:"inline",disabled:e.formConfig.labelLayout==="Grid"},{default:l(()=>[n(" 行内 ")]),_:1},8,["disabled"])]),_:1},8,["value"])]),_:1}),f(" <Row> "),o(r,{label:"标签布局"},{default:l(()=>[o(i,{buttonStyle:"solid",value:e.formConfig.labelLayout,"onUpdate:value":a[1]||(a[1]=u=>e.formConfig.labelLayout=u),onChange:e.lableLayoutChange},{default:l(()=>[o(t,{value:"flex"},{default:l(()=>[n("固定")]),_:1}),o(t,{value:"Grid",disabled:e.formConfig.layout!=="horizontal"},{default:l(()=>[n(" 栅格 ")]),_:1},8,["disabled"])]),_:1},8,["value","onChange"])]),_:1}),f(" </Row> "),B(o(r,{label:"标签宽度(px)"},{default:l(()=>[o(F,{style:{width:"100%"},value:e.formConfig.labelWidth,"onUpdate:value":a[2]||(a[2]=u=>e.formConfig.labelWidth=u),min:0,step:1},null,8,["value"])]),_:1},512),[[E,e.formConfig.labelLayout==="flex"]]),e.formConfig.labelLayout==="Grid"?(p(),v("div",N,[o(r,{label:"labelCol"},{default:l(()=>[o(b,{value:e.formConfig.labelCol.span,"onUpdate:value":a[3]||(a[3]=u=>e.formConfig.labelCol.span=u),max:24},null,8,["value"])]),_:1}),o(r,{label:"wrapperCol"},{default:l(()=>[o(b,{value:e.formConfig.wrapperCol.span,"onUpdate:value":a[4]||(a[4]=u=>e.formConfig.wrapperCol.span=u),max:24},null,8,["value"])]),_:1}),o(r,{label:"标签对齐"},{default:l(()=>[o(i,{"button-style":"solid",value:e.formConfig.labelAlign,"onUpdate:value":a[5]||(a[5]=u=>e.formConfig.labelAlign=u)},{default:l(()=>[o(t,{value:"left"},{default:l(()=>[n("靠左")]),_:1}),o(t,{value:"right"},{default:l(()=>[n("靠右")]),_:1})]),_:1},8,["value"])]),_:1}),o(r,{label:"控件大小"},{default:l(()=>[o(i,{"button-style":"solid",value:e.formConfig.size,"onUpdate:value":a[6]||(a[6]=u=>e.formConfig.size=u)},{default:l(()=>[o(t,{value:"default"},{default:l(()=>[n("默认")]),_:1}),o(t,{value:"small"},{default:l(()=>[n("小")]),_:1}),o(t,{value:"large"},{default:l(()=>[n("大")]),_:1})]),_:1},8,["value"])]),_:1})])):f("v-if",!0),o(r,{label:"表单属性"},{default:l(()=>[o(m,null,{default:l(()=>[e.formConfig.layout=="horizontal"?(p(),_(s,{key:0,checked:e.formConfig.colon,"onUpdate:checked":a[7]||(a[7]=u=>e.formConfig.colon=u)},{default:l(()=>[n("label后面显示冒号")]),_:1},8,["checked"])):f("v-if",!0)]),_:1}),o(m,null,{default:l(()=>[o(s,{checked:e.formConfig.disabled,"onUpdate:checked":a[8]||(a[8]=u=>e.formConfig.disabled=u)},{default:l(()=>[n("禁用")]),_:1},8,["checked"])]),_:1}),o(m,null,{default:l(()=>[o(s,{checked:e.formConfig.hideRequiredMark,"onUpdate:checked":a[9]||(a[9]=u=>e.formConfig.hideRequiredMark=u)},{default:l(()=>[n("隐藏必选标记")]),_:1},8,["checked"])]),_:1})]),_:1})]),_:1})])}const H=z(D,[["render",S],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/form-design/components/VFormDesign/components/FormProps.vue"]]);export{H as default};