1181047932

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/a1e498f214baa4ded1339f622d96e5d24eb5b3ed">a1e498f21<a href="https://github.com/vue-final/vue-final-modal/commit/a1e498f214baa4ded1339f622d96e5d24eb5b3ed">">Merge </a><a class="double-link" href="https://github.com/vue-final/vue-final-modal/commit/<a class="double-link" href="https://github.com/vue-final/vue-final-modal/commit/1dd2fb76a3d85349b38903b9524d1399a582bdd7">1dd2fb76a</a>">1dd2fb76a</a><a href="https://github.com/vue-final/vue-final-modal/commit/a1e498f214baa4ded1339f622d96e5d24eb5b3ed"> into b5038c580">b5038c580</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 %.

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

377 of 382 relevant lines covered (98.69%)

33.06 hits per line

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

75.0

/lib/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 / 1181047932

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