diff --git a/report-ui/src/views/screenDesigner/components/temp.vue b/report-ui/src/views/screenDesigner/components/temp.vue
index d38f77ce..18e052f7 100644
--- a/report-ui/src/views/screenDesigner/components/temp.vue
+++ b/report-ui/src/views/screenDesigner/components/temp.vue
@@ -1,6 +1,6 @@
 <!--
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: qianlishi
  * @Date: 2022-04-28 12:20:28
  * @LastEditors: qianlishi
@@ -8,7 +8,7 @@
 -->
 <template>
   <div>
-    <component :is="type" :value="value" :ispreview="true" />
+    <component :is="type" :value="value" :ispreview="true"/>
   </div>
 </template>
 
@@ -23,6 +23,24 @@ import widgetText from "../widget/texts/widgetText.vue";
 import widgetTime from "../widget/texts/widgetTime.vue";
 import widgetVideo from "../widget/texts/widgetVideo.vue";
 import widgetBarchart from "../widget/barCharts/widgetBarchart.vue";
+import widgetGradientColorBarchart from "../widget/barCharts/widgetGradientColorBarchart.vue";
+import widgetLinechart from "../widget/lineCharts/widgetLinechart.vue";
+import widgetBarlinechart from "../widget/barCharts/widgetBarlinechart";
+import WidgetPiechart from "../widget/pieCharts/widgetPiechart.vue";
+import WidgetFunnel from "../widget/funnelCharts/widgetFunnel.vue";
+import WidgetGauge from "../widget/percentCharts/widgetGauge.vue";
+import WidgetPieNightingaleRoseArea from "../widget/pieCharts/widgetPieNightingaleRose";
+import widgetMap from "../widget/mapCharts/widgetMap.vue";
+import widgetPiePercentageChart from "../widget/percentCharts/widgetPiePercentageChart";
+import widgetAirBubbleMap from "../widget/mapCharts/widgetAirBubbleMap";
+import widgetBarStackChart from "../widget/barCharts/widgetBarStackChart";
+import widgetLineStackChart from "../widget/lineCharts/widgetLineStackChart";
+import widgetBarCompareChart from "../widget/barCharts/widgetBarCompareChart";
+import widgetLineCompareChart from "../widget/lineCharts/widgetLineCompareChart";
+import widgetDecoratePieChart from "../widget/decorateCharts/widgetDecoratePieChart";
+import widgetMoreBarLineChart from "../widget/barCharts/widgetMoreBarLineChart";
+import widgetWordCloud from "../widget/wordcloudCharts/widgetWordCloud";
+import widgetHeatmap from "../widget/heatmap/widgetHeatmap";
 
 export default {
   name: "WidgetTemp",
@@ -36,7 +54,25 @@ export default {
     widgetText,
     widgetTime,
     widgetVideo,
-    widgetBarchart
+    widgetBarchart,
+    widgetGradientColorBarchart,
+    widgetLinechart,
+    widgetBarlinechart,
+    WidgetPiechart,
+    WidgetFunnel,
+    WidgetGauge,
+    WidgetPieNightingaleRoseArea,
+    widgetMap,
+    widgetPiePercentageChart,
+    widgetAirBubbleMap,
+    widgetBarStackChart,
+    widgetLineStackChart,
+    widgetBarCompareChart,
+    widgetLineCompareChart,
+    widgetDecoratePieChart,
+    widgetMoreBarLineChart,
+    widgetWordCloud,
+    widgetHeatmap
   },
   model: {
     prop: "value",
@@ -46,7 +82,8 @@ export default {
     type: String,
     value: {
       type: [Object],
-      default: () => {}
+      default: () => {
+      }
     }
   }
 };