

<script>
/* eslint-disable */
// sd-skip-auto-import
import asyncComponent from"@/common/services/async-component";import runtimeUtil from"./runtime-util";import componentRender from"./sd-component-render.vue";import components from"./_import-components/sd-layoutable-form-import";var _render=function e(){var t=this,r=t._self._c;return r("div",{class:["sd-table-wrapper",t.$style.wrapper]},[t._l(t.fieldsComputed,(function(e){return r(e.component,{key:e.field.id,tag:"component",attrs:{field:e.field}})})),t.formProps.debugMode?r(t.SdHiddenFields,{tag:"component",attrs:{fields:t.fields}}):t._e()],2)};var staticRenderFns=[];_render._withStripped=true;export default{name:"SdLayoutableForm",components:components,props:{fields:{type:Array,required:true},formProps:{type:Object,required:true}},data(){return{validateStatus:{}}},computed:{fieldsComputed(){return runtimeUtil.mergeTransientFields({fields:this.fields,head:{attrFD:this.formProps}}).fields.filter((e=>e.attrFD?.cid&&!e.attrFD.hidden)).map((e=>({component:componentRender,field:e})))}},created(){this.FormContext.$on("validate",this.onFormValidate);this.SdHiddenFields=asyncComponent((()=>import(/* webpackChunkName: "src-hidden-fields" */"./sd-hidden-fields.vue")))},beforeDestroy(){this.FormContext.$off("validate",this.onFormValidate)},inject:["FormContext"],provide(){return{formValidateStatusMap:this.validateStatus}},methods:{onFormValidate(e,t){this.$set(this.validateStatus,e,t)}},render:_render,staticRenderFns:staticRenderFns};</script>

<style module lang="scss">
@use '@/common/design' as *;
:global(.sd-full-page-form) {
  .wrapper {
    width: 90%;
    margin: auto;
  }
}
</style>
