<!--
 * @Description: tab操作区域
 -->
<template>
  <div class="theme_setting_wrapper">
    <div class="theme_setting_form_wrapper">
      <div class="form_noFormText" v-if="!data.list.length">未添加表单</div>
      <div class="theme_setting_form_content" v-else>
        <k-form-build :value="data" ref="KFormBuild" />
      </div>
    </div>
    <div class="theme_setting_aside">
      <Header title="主题设置" desc="表单背景图片、提交按钮文字等全局表单属性设置" />
      <div class="right">
        <formProperties :config="data.config.themeSetting" :previewOptions="previewOptions" />
      </div>
    </div>
  </div>
</template>
<script>
import formProperties from '../KFormDesign/module/formProperties'
import Header from './module/header.vue'

export default {
  name: 'KFormThemeSettings',
  props: {
    data: {
      type: Object,
      required: true
    },
    previewOptions: {
      type: Object,
      required: true
    }
  },
  components: {
    formProperties,
    Header
  }
}
</script>
<style lang="less" scoped>
.form_wrapper {
  width: 30%;
  padding: 0px 0 50px;
}
</style>
