eztech-core-components 1.0.7 → 1.0.9

package/charts/BarChart.vue

@@ -21,7 +21,8 @@ export default {
         scales: {
           yAxes: [{
             ticks: {
-              fontColor: 'rgb(75, 85, 99)'
+              fontColor: 'rgb(75, 85, 99)',
+              beginAtZero: true
             }
           }],
           xAxes: [{

package/charts/LineChart.vue

@@ -1,33 +1,22 @@
 <script>
 import { Line } from 'vue-chartjs'
+import ChartDataLabels from 'chartjs-plugin-datalabels'
 export default {
   name: 'LineChart',
   extends: Line,
   props: {
-    data: {
+    chartData: { type: Object, required: true },
+    chartOptions: {
       type: Object,
-      required: false,
-      default: () => { return null }
-    },
-    options: {
-      type: Object,
-      required: false,
       default: () => ({
         responsive: true,
         maintainAspectRatio: false,
-        legend: {
-          display: true
-        },
-        interaction: {
-          mode: 'index',
-          intersect: false
-        },
         scales: {
           yAxes: [{
             ticks: {
-              fontColor: 'rgb(75, 85, 99)',
-              suggestedMin: 30,
-              suggestedMax: 50
+              beginAtZero: true,
+              min: 0,
+              fontColor: 'rgb(75, 85, 99)'
             }
           }],
           xAxes: [{
@@ -35,21 +24,19 @@ export default {
               fontColor: 'rgb(75, 85, 99)'
             }
           }]
-        },
-        title: {
-          display: false,
-          text: ''
         }
       })
-    }
-  },
-  watch: {
-    data () {
-      this.renderChart(this.data, this.options)
+    },
+    showLabels: {
+      type: Boolean,
+      default: true
     }
   },
   mounted () {
-    this.renderChart(this.data, this.options)
+    if (this.showLabels) {
+      this.addPlugin(ChartDataLabels)
+    }
+    this.renderChart(this.chartData, this.chartOptions)
   }
 }
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eztech-core-components",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "publishConfig": {
     "access": "public"
   },
@@ -35,12 +35,18 @@
   "dependencies": {
     "axios": "^0.30.0",
     "chart.js": "^2.9.4",
+    "chartjs-plugin-datalabels": "^0.7.0",
     "vue": "^2.7.10",
     "vue-chartjs": "^3.5.1",
     "vue-cropperjs": "^4.2.0"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.19.1",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "@nuxtjs/eslint-config": "^11.0.0",
     "@nuxtjs/eslint-module": "^3.1.0",
     "@nuxtjs/moment": "^1.6.1",

package/plugins/chart.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import Chart from 'chart.js'
-import ChartDataLabels from 'chartjs-plugin-datalabels'
-Chart.plugins.register(ChartDataLabels)
+// import Chart from 'chart.js'
+// import ChartDataLabels from 'chartjs-plugin-datalabels'
+// Chart.plugins.register(ChartDataLabels)
 /* eslint-enable */

package/utils/default-nuxt-config.js

@@ -103,7 +103,7 @@ export const getDefaultConfig = (options) => {
     }
   }
   if (!options?.ignoreElementUi) {
-    build.transpile = [/^element-ui/, 'eztech-core-components', 'chart.js']
+    build.transpile = [/^element-ui/, 'eztech-core-components']
   }
   // ,
   // vue: {