VueUiWheel add exposed methods

Author: graphieros

README.md

@@ -14,7 +14,7 @@
 ![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)
 ![NPM](https://img.shields.io/npm/l/vue-data-ui)
 ![npm](https://img.shields.io/npm/dt/vue-data-ui)
-![Static Badge](https://img.shields.io/badge/components-27-green)
+![Static Badge](https://img.shields.io/badge/components-28-green)
 
 [Interactive documentation](https://vue-data-ui.graphieros.com/)
 

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.25",
+  "version": "1.9.26",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

package.json

@@ -134,6 +134,11 @@ function generateImage() {
     }, 100)
 }
 
+defineExpose({
+    generatePdf,
+    generateImage
+});
+
 </script>
 
 <template>
@@ -208,6 +213,7 @@ function generateImage() {
                 :fill="wheelConfig.style.chart.layout.wheel.ticks.gradient.show ? shiftHue(wheelConfig.style.chart.layout.wheel.ticks.activeColor, activeValue / 100 * (wheelConfig.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : wheelConfig.style.chart.layout.wheel.ticks.activeColor"
                 text-anchor="middle"
                 :font-weight="wheelConfig.style.chart.layout.percentage.bold ? 'bold' : 'normal'"
+                style="font-variant-numeric:tabluar-nums"
             >
                 {{ Number(activeValue.toFixed(wheelConfig.style.chart.layout.percentage.rounding)).toLocaleString() }}%
             </text>