1278680935

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/vue-final/vue-final-modal/commit/<a class=hub.com/vue-final/vue-final-modal/commit/<a class="double-link" href="https://git"><a class=hub.com/vue-final/vue-final-modal/commit/<a class="double-link" href="https://git"><a class=hub.com/vue-final/vue-final-modal/commit/1207b8b9285efda55b9874172d7839da222aa805">1207b8b92<a href="https://github.com/vue-final/vue-final-modal/commit/1207b8b9285efda55b9874172d7839da222aa805">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/vue-final/vue-final-modal/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/vue-final/vue-final-modal/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/vue-final/vue-final-modal/commit/1207b8b9285efda55b9874172d7839da222aa805&quot;&gt;1207b8b92&lt;/a&gt;&lt;a href=&quot;https://github.com/vue-final/vue-final-modal/commit/1207b8b9285efda55b9874172d7839da222aa805&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/vue-final/vue-final-modal/commit/1207b8b9285efda55b9874172d7839da&lt;/a&gt;222aa805&quot;>&quot;&gt;Merge &lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/vue-final/vue-final-modal/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/vue-final/vue-final-modal/commit/<a class="double-link" href="https://github.com/vue-final/vue-final-modal/commit/cba9fc756c64db4523932e77f132420357b24d99">cba9fc756</a><a href="https://github.com/vue-final/vue-final-modal/commit/1207b8b9285efda55b9874172d7839da222aa805">&amp;quot;&amp;gt;cba9fc756&amp;lt;/a&amp;gt;&amp;quot;&amp;gt;cba9fc756&amp;lt;/a&amp;gt;&amp;lt;a href=&amp;quot;https://github.com/vue-final/vue-final-modal/commit/1207b8b9285efda55b9874172d7839da222aa&lt;/a&gt;805&quot;&gt; into &lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/vue-final/vue-final-modal/commit/<a class="double-link" href="https://github.com/vue-final/vue-final-modal/commit/58ea6c26e">58ea6c26e">58ea6c26e</a>

Pull Request Pull Request #154: Vitepress Docs for Vue 3

Run Details

197 of 222 branches covered (88.74%)

Branch coverage included in aggregate %.

47 of 47 new or added lines in 3 files covered. (100.0%)

378 of 383 relevant lines covered (98.69%)

33.22 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

75.0

/packages/lib/src/ModalsContainer.vue

<template>
  <div class="modals-container">
    <component
      :is="modal.component"
      v-for="(modal, index) in api.dynamicModals"
      :key="modal.id"
      v-bind="modal.bind"
      v-model="modal.value"
      v-on="modal.on"
      @_beforeClose="beforeClose(modal)"
      @_closed="closed(index, modal)"
      @_beforeOpen="e => beforeOpen(e, modal, index)"
      @_opened="modal.opened"
    >
      <template v-for="(slot, key) in modal.slots" #[key] :key="key">
        <!-- eslint-disable vue/no-v-html -->
        <div v-if="isString(slot)" v-html="slot"></div>
        <component :is="slot.component" v-else v-bind="slot.bind" v-on="slot.on || {}" />
      </template>
    </component>
  </div>
</template>

<script>
export default {
  methods: {
    slice(index) {
      this.api.dynamicModals.splice(index, 1)
    },
    closed(index, modal) {
      this.slice(index)
      modal.closed && modal.closed()
    },
    beforeClose(modal) {
      if (modal.value) {
        modal?.rejectClose('hide')
      }
    },
    async beforeOpen(e, modal, index) {
      e.ref.params.value = modal.params
      await this.$nextTick()
      await this.$nextTick()
      if (!modal.value) {
        this.slice(index)
        modal?.reject('show')
      }
    },
    isString(val) {
      return typeof val === 'string'
    }
  }
}
</script>

1	<template>
2	<div class="modals-container">
3	<component
4	:is="modal.component"
5	v-for="(modal, index) in api.dynamicModals"
6	:key="modal.id"
7	v-bind="modal.bind"
8	v-model="modal.value"
9	v-on="modal.on"
10	@_beforeClose="beforeClose(modal)"
11	@_closed="closed(index, modal)"
12	@_beforeOpen="e => beforeOpen(e, modal, index)"
13	@_opened="modal.opened"
14	>
15	<template v-for="(slot, key) in modal.slots" #[key] :key="key">
16	<!-- eslint-disable vue/no-v-html -->
17	<div v-if="isString(slot)" v-html="slot"></div>
18	<component :is="slot.component" v-else v-bind="slot.bind" v-on="slot.on \|\| {}" />
19	</template>
20	</component>
21	</div>
22	</template>
23
24	<script>
25	export default {	3✔
26	methods: {
27	slice(index) {
28	this.api.dynamicModals.splice(index, 1)	7✔
29	},
30	closed(index, modal) {
31	this.slice(index)	6✔
32	modal.closed && modal.closed()	6✔
33	},
34	beforeClose(modal) {
35	if (modal.value) {	7!
36	modal?.rejectClose('hide')	×
37	}
38	},
39	async beforeOpen(e, modal, index) {	24✔
40	e.ref.params.value = modal.params	12✔
41	await this.$nextTick()	12✔
42	await this.$nextTick()	12✔
43	if (!modal.value) {	12✔
44	this.slice(index)	1✔
45	modal?.reject('show')	1!
46	}
47	},
48	isString(val) {
49	return typeof val === 'string'	7✔
50	}
51	}
52	}
53	</script>

vue-final / vue-final-modal / 1278680935

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous