

<script>
/* eslint-disable */
// sd-skip-auto-import
import render from"../sd-component-render.vue";import runtimeUtil from"../runtime-util";import components from"./_import-components/sd-tabbed-layout-render-import";export function processChildren(t,e){t.data.forEach((t=>{t.contents.forEach((t=>{if(t?.attrFD)e(t)}))}))}var _render=function t(){var e=this,r=e._self._c;return r("a-tabs",e._b({class:e.$style.wrapper},"a-tabs",e.field.attrFD.tabsProps,false),e._l(e.tabbedData,(function(t,a){return r("a-tab-pane",{key:t.id,attrs:{"force-render":""}},[r("span",{class:{[e.$style.hasError]:!e.tabValidateStatus[a]},attrs:{slot:"tab"},slot:"tab"},[e._v(e._s(t.label)+" ")]),e._l(t.contents,(function(t,e){return r("render",{key:e,attrs:{field:t}})}))],2)})),1)};var staticRenderFns=[];_render._withStripped=true;export default{name:"SdTabbedLayoutRender",components:{render:render,...components},props:{field:{type:Object,required:true}},data(){return{}},computed:{tabbedData(){return this.field.data},fieldsInTab(){return this.tabbedData.map((t=>{const e=[];runtimeUtil.processComponentAndChildren(t.contents,(t=>e.push(t.name)));return e}))},tabValidateStatus(){return this.fieldsInTab.map((t=>t.every((t=>false!==this.formValidateStatusMap[t]))))}},inject:["formValidateStatusMap"],render:_render,staticRenderFns:staticRenderFns};</script>

<style module lang="scss">
@use '@/common/design' as *;
:global(:not(.ant-tabs-tab-active)) {
  > .has-error {
    color: $error-color;
  }
}
.wrapper {
  margin: 8px 0;
}
</style>
