Unverified Commit fbaee31a authored by Nicolò Maria Mezzopera's avatar Nicolò Maria Mezzopera
Browse files

feat: adjust render function and add ready event 

- all the components
- layer control and popper fns
parent e06ddb48

src/components/LCircle.vue

+6 −2
Original line number Diff line number Diff line 
<script>

import { onMounted, ref, inject } from "vue";

import { onMounted, ref, inject, nextTick } from "vue";

import { remapEvents, propsBinder } from "../utils.js";

import { props, setup as circleSetup } from "../functions/circle";

import { render } from "../functions/layer";
@@ -36,8 +36,12 @@ export default { 
        leafletObject: leafletRef.value,

      });

      ready.value = true;

      nextTick(() => context.emit("ready", leafletRef.value));

    });

    return render(ready, context);

    return { ready: ready, leafletObject: leafletRef };

  },

  render() {

    return render(this.ready, this.$slots);

  },

};

</script>

src/components/LCircleMarker.vue

+6 −2
Original line number Diff line number Diff line 
<script>

import { onMounted, ref, inject } from "vue";

import { onMounted, ref, inject, nextTick } from "vue";

import { remapEvents, propsBinder } from "../utils.js";

import { props, setup as circleMarkerSetup } from "../functions/circleMarker";

import { render } from "../functions/layer";
@@ -36,8 +36,12 @@ export default { 
        leafletObject: leafletRef.value,

      });

      ready.value = true;

      nextTick(() => context.emit("ready", leafletRef.value));

    });

    return render(ready, context);

    return { ready: ready, leafletObject: leafletRef };

  },

  render() {

    return render(this.ready, this.$slots);

  },

};

</script>

src/components/LControl.vue

+6 −3
Original line number Diff line number Diff line 
<script>

import { onMounted, ref, inject } from "vue";

import { onMounted, ref, inject, nextTick } from "vue";

import { props, setup as controlSetup, render } from "../functions/control";

import { propsBinder } from "../utils.js";
@@ -45,9 +45,12 @@ export default { 
      if (props.disableScrollPropagation) {

        DomEvent.disableScrollPropagation(root.value);

      }

      nextTick(() => context.emit("ready", leafletRef.value));

    });



    return render(context, root);

    return { root, leafletObject: leafletRef };

  },

  render() {

    return render(this.$slots);

  },

};

</script>

src/components/LControlAttribution.vue

+3 −2
Original line number Diff line number Diff line 
<script>

import { onMounted, ref, inject } from "vue";

import { onMounted, ref, inject, nextTick } from "vue";

import {

  props,

  setup as attributionControlSetup,
@@ -9,7 +9,7 @@ import { propsBinder } from "../utils.js"; 
export default {

  name: "LControlAttribution",

  props,

  setup(props) {

  setup(props, context) {

    const leafletRef = ref({});



    const registerControl = inject("registerControl");
@@ -22,6 +22,7 @@ export default { 
      leafletRef.value = control.attribution(options);

      propsBinder(methods, leafletRef.value, props, setOptions);

      registerControl({ leafletObject: leafletRef.value });

      nextTick(() => context.emit("ready", leafletRef.value));

    });

  },

  render() {

src/components/LControlLayers.vue

+3 −2
Original line number Diff line number Diff line 
<script>

import { onMounted, ref, inject } from "vue";

import { onMounted, ref, inject, nextTick } from "vue";

import { props, setup as layerControlSetup } from "../functions/controlLayers";

import { propsBinder } from "../utils.js";



export default {

  name: "LControlLayers",

  props,

  setup(props) {

  setup(props, context) {

    const leafletRef = ref({});



    const registerLayerControl = inject("registerLayerControl");
@@ -24,6 +24,7 @@ export default { 
        ...methods,

        leafletObject: leafletRef.value,

      });

      nextTick(() => context.emit("ready", leafletRef.value));

    });

  },

  render() {