v4 initial commit

src/views/charts/CChartBarSimple.vue

@@ -1,70 +0,0 @@
-<template>
-  <CChartBar
-    :datasets="computedDatasets"
-    :options="computedOptions"
-    :labels="labels"
-  />
-</template>
-
-<script>
-import { CChartBar } from '@coreui/vue-chartjs'
-import { getColor, deepObjectsMerge } from '@coreui/utils/src'
-
-export default {
-  name: 'CChartBarSimple',
-  components: { CChartBar },
-  props: {
-    ...CChartBar.props,
-    backgroundColor: {
-      type: String,
-      default: 'rgba(0,0,0,.2)'
-    },
-    pointHoverBackgroundColor: String,
-    dataPoints: {
-      type: Array,
-      default: () => [10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]
-    },
-    label: {
-      type: String,
-      default: 'Sales'
-    },
-    pointed: Boolean
-  },
-  computed: {
-    defaultDatasets () {
-      return [
-        {
-          data: this.dataPoints,
-          backgroundColor: getColor(this.backgroundColor),
-          pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
-          label: this.label,
-          barPercentage: 0.5,
-          categoryPercentage: 1
-        }
-      ]
-    },
-    defaultOptions () {
-      return {
-        maintainAspectRatio: false,
-        legend: {
-          display: false
-        },
-        scales: {
-          xAxes: [{
-            display: false
-          }],
-          yAxes: [{
-            display: false
-          }]
-        }
-      }
-    },
-    computedDatasets () {
-      return deepObjectsMerge(this.defaultDatasets, this.datasets || {})
-    },
-    computedOptions () {
-      return deepObjectsMerge(this.defaultOptions, this.options || {})
-    }
-  }
-}
-</script>