feat: add empty devui codebox

Author: kagol

devui/button/demo/button-demo.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="demo-container">
+    <div class="demo-example">
+      <div class="demo-title">{{ '主要按钮' }}</div>
+      <div class="demo-text"></div>
+      <d-codebox id="components-button-primary" :sourceData="primarySource">
+        <d-button-primary demo></d-button-primary>
+      </d-codebox>
+    </div>
+    <div class="demo-example">
+      <div class="demo-title">{{ '次要按钮' }}</div>
+      <div class="demo-text"></div>
+      <d-codebox id="components-button-common" :sourceData="commonSource">
+        <d-button-common demo></d-button-common>
+      </d-codebox>
+    </div>
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import DevUICodeBox from '../../shared/devui-codebox/devui-codebox.vue'
+import DevUIButtonPrimary from './primary/primary.vue'
+import DevUIButtonCommon from './common/common.vue'
+
+export default defineComponent({
+  name: 'd-button-demo',
+  components: {
+    'd-codebox': DevUICodeBox,
+    'd-button-primary': DevUIButtonPrimary,
+    'd-button-common': DevUIButtonCommon,
+  }
+})
+</script>

devui/button/demo/common/common.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    button demo common
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'd-button-common'
+})
+</script>

devui/button/demo/primary/primary.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    button demo primary
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'd-button-primary'
+})
+</script>

devui/shared/devui-codebox/devui-codebox.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    devui codebox
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'd-codebox',
+  props: {
+    sourceData: Object
+  }
+})
+</script>

devui/shared/devui-highlight/devui-highlight.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    devui highlight
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'd-highlight'
+})
+</script>

src/components/app-demo-cell.vue

@@ -12,14 +12,20 @@
     <div class="examples-viewer">
       <div class="examples-viewer-wrapper">
         <!-- TODO: Demo列表 -->
+        <d-button-demo></d-button-demo>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+import DevUIButtonDemo from '../../devui/button/demo/button-demo.vue'
+
 export default {
   name: 'app-demo-cell',
+  components: {
+    'd-button-demo': DevUIButtonDemo
+  },
   data() {
     return {
       data: {},