<!--
 * @Description: tab操作区域
 -->
<template>
  <div class="tabs-area">
    <div class="left-btn-box">
      <a-tabs default-active-key="1" size="large">
        <a-tab-pane key="1" tab="表单生成">
          <slot name="form_generate"></slot>
        </a-tab-pane>
        <a-tab-pane key="2" tab="预览">
          <slot name="preview"></slot>
        </a-tab-pane>
        <a-tab-pane key="3" tab="主题设置" force-render>
          <slot name="theme_setting"></slot>
        </a-tab-pane>
        <a-tab-pane key="4" tab="高级设置" :force-render="false">
          <slot name="senior_setting"></slot>
        </a-tab-pane>
      </a-tabs>
    </div>
    <div class="right-btn-box"></div>
    <!-- 操作右侧区域 end -->
  </div>
</template>
<script>
export default {
  props: {
   
  }
}
</script>
