<template>
  <div>
    <component :is="type" :value="value" :ispreview="true"/>
  </div>
</template>

<script>
import widgetHref from "./text/widgetHref.vue";
import widgetText from "./text/widgetText.vue";
import WidgetMarquee from "./text/widgetMarquee.vue";
import widgetTime from "./text/widgetTime.vue";
import widgetImage from "./div/widgetImage.vue";
import widgetDtImage from "./div/widgetDtImage";
import widgetSlider from "./div/widgetSlider.vue";
import widgetVideo from "./video/widgetVideo.vue";
import WidgetIframe from "./text/widgetIframe.vue";
import widgetBarchart from "./bar/widgetBarchart.vue";
import widgetLinechart from "./line/widgetLinechart.vue";
import widgetBarlinechart from "./barline/widgetBarlinechart";
import widgetGradientColorBarchart from "./bar/widgetGradientColorBarchart.vue";
import WidgetPiechart from "./pie/widgetPiechart.vue";
import WidgetFunnel from "./funnel/widgetFunnel.vue";
import WidgetGauge from "./percent/widgetGauge.vue";
import WidgetPieNightingaleRoseArea from "./pie/widgetPieNightingaleRose";
import widgetTable from "./table/widgetTable.vue";
// import widgetRotateRanking from "./table/WidgetRotateRanking.vue";
import widgetLineMap from "./map/widgetLineMap.vue";
import widgetPiePercentageChart from "./percent/widgetPiePercentageChart";
import widgetAirBubbleMap from "./map/widgetAirBubbleMap";
import widgetBarStackChart from "./bar/widgetBarStackChart";
import widgetLineStackChart from "./line/widgetLineStackChart";
import widgetBarCompareChart from "./bar/widgetBarCompareChart";
import widgetLineCompareChart from "./line/widgetLineCompareChart";
import widgetDecoratePieChart from "./decorate/widgetDecoratePieChart";
import widgetMoreBarLineChart from "./barline/widgetMoreBarLineChart";
import widgetWordCloud from "./wordcloud/widgetWordCloud";
import widgetHeatmap from "./heatmap/widgetHeatmap";
import widgetRadar from "./radar/widgetRadar";
import widgetBarLineStackChart from "./barline/widgetBarLineStackChart";
import widgetBorderBoxFloat from "./div/widgetBorderBoxFloat";
import widgetBorderBox from "./div/widgetBorderBox";
import widgetProgress from "./percent/widgetProgress";
import widgetDecoration from "./div/widgetDecoration";
import widgetCapsuleChart from "./bar/widgetCapsuleChart";
import widgetWaterLevelPond from "./text/widgetWaterLevelPond";
import widgetDigitalFlop from "./text/widgetDigitalFlop";
import widgetScrollRankingBoard from "./table/widgetScrollRankingBoard";
import widgetActiveRingChart from "./pie/widgetActiveRingChart";
import widgetConicalColumnChart from "./funnel/widgetConicalColumnChart";
import widgetDigitalFlopSingle from "./text/widgetDigitalFlopSingle";
import widgetSvg from "./div/widgetSvg";
import widgetRadioPiechart from "./pie/widgetRadioPiechart";
import widgetHtmlSlider from "./div/widgetHtmlSlider";

export default {
  name: "WidgetTemp",
  components: {
    widgetHref,
    widgetText,
    WidgetMarquee,
    widgetTime,
    widgetImage,
    widgetDtImage,
    widgetSlider,
    widgetVideo,
    WidgetIframe,
    widgetBarchart,
    widgetGradientColorBarchart,
    widgetLinechart,
    widgetBarlinechart,
    WidgetPiechart,
    widgetRadioPiechart,
    WidgetFunnel,
    WidgetGauge,
    WidgetPieNightingaleRoseArea,
    widgetTable,
    widgetLineMap,
    widgetPiePercentageChart,
    widgetAirBubbleMap,
    widgetBarStackChart,
    widgetLineStackChart,
    widgetBarCompareChart,
    widgetLineCompareChart,
    widgetDecoratePieChart,
    widgetMoreBarLineChart,
    widgetWordCloud,
    widgetHeatmap,
    widgetRadar,
    widgetBarLineStackChart,
    widgetBorderBox,
    widgetDecoration,
    widgetCapsuleChart,
    widgetProgress,
    widgetWaterLevelPond,
    widgetDigitalFlop,
    widgetScrollRankingBoard,
    widgetActiveRingChart,
    widgetConicalColumnChart,
    widgetBorderBoxFloat,
    widgetDigitalFlopSingle,
    widgetSvg,
    // widgetRotateRanking,
    widgetHtmlSlider,
  },
  model: {
    prop: "value",
    event: "input"
  },
  props: {
    type: String,
    value: {
      type: [Object],
      default: () => {
      }
    }
  },
  data() {
    return {};
  },
  mounted() {
  },
  methods: {}
};
</script>

<style scoped lang="scss"></style>
