update for v 2.0.0

components/borderBox7/index.vue

@@ -12,19 +12,21 @@
       <polyline class="dv-bb7-line-width-5" :points="`0, ${height - 10} 0, ${height} 10, ${height}`" />
     </svg>
 
-    <slot></slot>
+    <div class="border-box-content">
+      <slot></slot>
+    </div>
   </div>
 </template>
 
 <script>
-import borderBoxMixin from '../../mixins/borderBoxMixin.js'
+import autoResize from '../../mixins/autoResize.js'
 
 export default {
   name: 'BorderBox7',
-  mixins: [borderBoxMixin],
+  mixins: [autoResize],
   data () {
     return {
-      ref: `border-box-7-${(new Date()).getTime()}`
+      ref: 'border-box-7'
     }
   }
 }
@@ -35,10 +37,10 @@ export default {
 
 .dv-border-box-7 {
   position: relative;
+  width: 100%;
+  height: 100%;
   box-shadow: inset 0 0 40px fade(@color, 30);
-  box-sizing: border-box;
   border: 1px solid @color;
-  padding: 10px;
 
   .dv-svg-container {
     position: absolute;
@@ -62,5 +64,11 @@ export default {
     stroke: fade(gray, 50);
     stroke-width: 5;
   }
+
+  .border-box-content {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>