import  viewTpl from  './view'
import  colorTpl from  '@/views/components/PictureEditor/mixin//color/tpl'
import  editTpl from  './edit'
import add from "./add";
import header from "./header";


export  default function tpl(){
  return `
    <transition name="fade">
      <div ref="wrap" class="picture-editor-wrap flex">
      
          <!--头部-->
          ${header()}
          <!--头部-->
           <template v-if="isEmpty">
               <div> 数据为空，请点击右上角新增画布按钮新增数据。</div>
          </template>
          <template v-else>
          
                  <!--新增-->
                  ${add()}
                  <!--新增-->
                <div
                  class="picture-editor-wrap_canvas"
                >
                  <!--视图-->
                   ${viewTpl()}
                  <!--视图-->
        
                </div>
                
                  <!--颜色图-->
                   ${colorTpl()}
                  <!--颜色图-->
                  <!--图层-->
                  ${editTpl()}
                  <!--图层-->
          
           </template>
      </div>
    </transition>
  `
}