fix(gmap-vue): fix mapped props and kml-layer component

I add the noBind option to some properties that are use only in the constructor and hasn't setters.
diegoazh · Mar 12, 2022 · 2cc7157 · 2cc7157
1 parent 6c0d61c
commit 2cc7157
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 0 deletions.
diff --git a/packages/gmap-vue/src/components/kml-layer.vue b/packages/gmap-vue/src/components/kml-layer.vue
@@ -114,6 +114,14 @@ export default {
       type: Number,
       default: undefined,
     },
+    /**
+     * More options that you can pass to the component
+     * @value boolean
+     */
+    options: {
+      type: Object,
+      default: undefined,
+    },
   },
   destroyed() {
     // Note: not all Google Maps components support maps

diff --git a/packages/gmap-vue/src/utils/mapped-props-by-map-element.js b/packages/gmap-vue/src/utils/mapped-props-by-map-element.js
@@ -100,6 +100,7 @@ export const kmlLayerMappedProps = {
   clickable: {
     type: Boolean,
     twoWay: true,
+    noBind: true,
   },
   map: {
     type: Object,
@@ -108,14 +109,17 @@ export const kmlLayerMappedProps = {
   preserveViewport: {
     type: Boolean,
     twoWay: true,
+    noBind: true,
   },
   screenOverlays: {
     type: Boolean,
     twoWay: true,
+    noBind: true,
   },
   suppressInfoWindows: {
     type: Boolean,
     twoWay: true,
+    noBind: true,
   },
   url: {
     type: String,
@@ -125,6 +129,12 @@ export const kmlLayerMappedProps = {
     type: Number,
     twoWay: true,
   },
+  options: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
 };
 
 export const mapMappedProps = {
@@ -258,6 +268,7 @@ export const streetViewPanoramaMappedProps = {
 export const polygonMappedProps = {
   clickable: {
     type: Boolean,
+    noBind: true,
   },
   draggable: {
     type: Boolean,
@@ -267,21 +278,27 @@ export const polygonMappedProps = {
   },
   fillColor: {
     type: String,
+    noBind: true,
   },
   fillOpacity: {
     type: Number,
+    noBind: true,
   },
   strokeColor: {
     type: String,
+    noBind: true,
   },
   strokeOpacity: {
     type: Number,
+    noBind: true,
   },
   strokePosition: {
     type: Number,
+    noBind: true,
   },
   strokeWeight: {
     type: Number,
+    noBind: true,
   },
   visible: {
     type: Boolean,
@@ -304,6 +321,7 @@ export const polygonMappedProps = {
 export const polylineMappedProps = {
   clickable: {
     type: Boolean,
+    noBind: true,
   },
   draggable: {
     type: Boolean,
@@ -313,12 +331,15 @@ export const polylineMappedProps = {
   },
   strokeColor: {
     type: String,
+    noBind: true,
   },
   strokeOpacity: {
     type: Number,
+    noBind: true,
   },
   strokeWeight: {
     type: Number,
+    noBind: true,
   },
   visible: {
     type: Boolean,
@@ -340,6 +361,7 @@ export const rectangleMappedProps = {
   },
   clickable: {
     type: Boolean,
+    noBind: true,
   },
   draggable: {
     type: Boolean,
@@ -351,21 +373,27 @@ export const rectangleMappedProps = {
   },
   fillColor: {
     type: String,
+    noBind: true,
   },
   fillOpacity: {
     type: Number,
+    noBind: true,
   },
   strokeColor: {
     type: String,
+    noBind: true,
   },
   strokeOpacity: {
     type: Number,
+    noBind: true,
   },
   strokePosition: {
     type: Number,
+    noBind: true,
   },
   strokeWeight: {
     type: Number,
+    noBind: true,
   },
   visible: {
     type: Boolean,
@@ -388,6 +416,7 @@ export const circleMappedProps = {
   },
   clickable: {
     type: Boolean,
+    noBind: true,
   },
   draggable: {
     type: Boolean,
@@ -399,21 +428,27 @@ export const circleMappedProps = {
   },
   fillColor: {
     type: String,
+    noBind: true,
   },
   fillOpacity: {
     type: Number,
+    noBind: true,
   },
   strokeColor: {
     type: String,
+    noBind: true,
   },
   strokeOpacity: {
     type: Number,
+    noBind: true,
   },
   strokePosition: {
     type: Number,
+    noBind: true,
   },
   strokeWeight: {
     type: Number,
+    noBind: true,
   },
   visible: {
     type: Boolean,