新版大屏顶部

components/layout/AiDvWrapper/AiDvWrapper.vue

@@ -2,7 +2,8 @@
   <section class="AiDvWrapper" :class="'AiDvWrapper' + theme">
     <dv-full-screen-container>
       <div class="viewPanel column" flex>
-        <component :is="headerComponent" v-bind="{...$props,...$data}" @fullscreen="handleFullScreen" @setting="e=>dialog=e"/>
+        <component :is="headerComponent" v-bind="{...$props,...$data}"
+                   @fullscreen="handleFullScreen" @setting="e=>dialog=e" @change="e=>$emit('change',e)"/>
         <div class="fill">
           <slot/>
         </div>
@@ -23,10 +24,11 @@ import {fullScreenContainer} from '@jiaminghi/data-view'
 import AiSprite from "../../AiSprite";
 import Classic from "./layout/classic";
 import Vue from "vue"
+import Primary from "./layout/primary";
 
 export default {
   name: "AiDvWrapper",
-  components: {Classic, AiSprite},
+  components: {Primary, Classic, AiSprite},
   model: {
     prop: 'value',
     event: 'change'
@@ -44,7 +46,7 @@ export default {
     /**
      * 布局方案:black,classic
      */
-    type: {default: "classic"}
+    type: {default: "black"}
   },
   computed: {
     active: {
@@ -56,7 +58,8 @@ export default {
       }
     },
     headerComponent: v => ({
-      classic: Classic
+      classic: Classic,
+      black: Primary
     }[v.type])
   },
   watch: {