bachir/enfrancais-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

allow MapZoom parent to get svg size data

Browse Source
This commit is contained in:
axolotle
2021-06-11 14:49:48 +02:00
parent e367e9d735
commit 88f866afe3
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layouts/MapZoom.vue
+3
View File
@@ -21,6 +21,7 @@ export default {
name: 'MapZoom', name: 'MapZoom',
props: { props: {
value: { type: Object, default: () => ({ width: undefined, height: undefined }) },
id: { type: String, required: true }, id: { type: String, required: true },
minZoom: { type: Number, default: 0.3 }, minZoom: { type: Number, default: 0.3 },
maxZoom: { type: Number, default: 1 } maxZoom: { type: Number, default: 1 }
@@ -49,6 +50,7 @@ export default {
updateSize () { updateSize () {
const { width, height } = this.$el.getBoundingClientRect() const { width, height } = this.$el.getBoundingClientRect()
Object.assign(this.$data, { width, height }) Object.assign(this.$data, { width, height })
this.$emit('input', { width, height })
}, },
onZoom (direction) { onZoom (direction) {
@@ -76,6 +78,7 @@ export default {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
cursor: grab;
svg { svg {
width: 100%; width: 100%;