1

packages/design-core/src/App.vue

@@ -13,6 +13,9 @@
           <design-settings v-show="layoutState.settings.showDesignSettings" ref="right"></design-settings>
         </div>
       </div>
+      <div class="tiny-engine-chart">
+        <design-chart />
+      </div>
     </div>
   </tiny-config-provider>
 </template>
@@ -41,6 +44,7 @@ import blockPlugin from '@opentiny/tiny-engine-plugin-block'
 import materials from '@opentiny/tiny-engine-plugin-materials'
 import { useBroadcastChannel } from '@vueuse/core'
 import { constants } from '@opentiny/tiny-engine-utils'
+import DesignChart from './DesignChart.vue'
 
 const { message } = useModal()
 const { requestInitBlocks } = blockPlugin.api
@@ -53,6 +57,7 @@ export default {
     DesignToolbars,
     DesignPlugins,
     DesignCanvas,
+    DesignChart,
     DesignSettings,
     TinyConfigProvider
   },

packages/design-core/src/DesignChart.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="containers">
+    <div>Hello Vue!</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HelloComponent'
+}
+</script>