fix: clean up interface.js

Author: setaman

src/components/VueEllipseProgress.vue

@@ -36,21 +36,15 @@
 
 <script>
 import { getNumberIfValid, isValidNumber } from "../utils";
-import { props } from "./interface";
+import props from "./interface";
 import CircleContainer from "./Circle/CircleContainer.vue";
 import Counter from "./Counter.vue";
 import parseOptions from "./optionsParser";
 
 export default {
   name: "VueEllipseProgress",
   components: { Counter, CircleContainer },
-  props: {
-    ...props,
-    legendFormatter: {
-      type: Function,
-      required: false,
-    },
-  },
+  props,
   data: () => ({
     counterTick: {},
   }),
@@ -75,10 +69,10 @@ export default {
     },
     circlesData() {
       if (this.isMultiple) {
-        return this.data.map((data) => ({
+        return this.data.map((options) => ({
           ...this.$props,
-          ...data,
-          emptyThickness: isValidNumber(data.thickness) ? data.thickness : this.$props.thickness,
+          ...options,
+          emptyThickness: isValidNumber(options.thickness) ? options.thickness : this.$props.thickness,
           data: undefined, // do not pass data prop
         }));
       }
@@ -107,9 +101,6 @@ export default {
       return normalizedCircles;
     },
   },
-  beforeCreate() {
-    console.log(this);
-  },
 };
 </script>
 

src/components/interface.js

@@ -13,7 +13,7 @@ const colorConfig = (defaultColor = "transparent") => ({
   },
 });
 
-const props = {
+export default {
   data: {
     type: Array,
     required: false,
@@ -160,15 +160,8 @@ const props = {
     required: false,
     default: false,
   },
+  legendFormatter: {
+    type: Function,
+    required: false,
+  },
 };
-
-const simplifiedProps = {};
-
-for (const p in props) {
-  simplifiedProps[p] = {
-    type: props[p].type,
-    default: props[p].default,
-  };
-}
-
-export { props, simplifiedProps };