Skip to content
This repository was archived by the owner on Mar 27, 2025. It is now read-only.

Commit 3ad2308

Browse files
VividLemonVividLemon
committed
2 parents d7c445f + e54e371 commit 3ad2308

22 files changed

+317
-68
lines changed

‎.github/ISSUE_TEMPLATE/bug_report.md

-28
This file was deleted.

‎.github/ISSUE_TEMPLATE/bug_report.yml

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
name: 🐞 Bug report
2+
description: Report an issue
3+
labels: [bug]
4+
body:
5+
- type: markdown
6+
attributes:
7+
value: |
8+
Thanks for taking the time to fill out this bug report!
9+
- type: textarea
10+
id: bug-description
11+
attributes:
12+
label: Describe the bug
13+
description: A clear and concise description of what the bug is. If you intend to submit a PR for this issue, tell us in the description. Thanks!
14+
placeholder: Bug description
15+
validations:
16+
required: true
17+
- type: input
18+
id: reproduction
19+
attributes:
20+
label: Reproduction
21+
description: Please provide a link via StackBlitz [vite with script setup](https://stackblitz.com/github/bootstrap-vue-next/bootstrap-vue-next/tree/main/templates/vite?file=src%2Fcomponents%2FComp.vue,src%2FApp.vue) / [light vue](https://stackblitz.com/fork/bootstra-vue-next-template?file=src%2Fcomponents%2FComp.vue,src%2FApp.vue) or a link to a repo that can reproduce the problem you ran into. A [minimal reproduction](https://stackoverflow.com/help/minimal-reproducible-example) is required.
22+
placeholder: Reproduction
23+
validations:
24+
required: true
25+
- type: textarea
26+
id: system-info
27+
attributes:
28+
label: System Info
29+
description: Output of `npx envinfo --system --binaries --browsers`
30+
render: Shell
31+
placeholder: System, Binaries, Browsers
32+
validations:
33+
required: true
34+
- type: dropdown
35+
id: package-manager
36+
attributes:
37+
label: Used Package Manager
38+
description: Select the used package manager
39+
options:
40+
- pnpm
41+
- npm
42+
- yarn
43+
- bun
44+
- n/a
45+
validations:
46+
required: true
47+
- type: checkboxes
48+
id: checkboxes
49+
attributes:
50+
label: Validations
51+
description: Before submitting the issue, please make sure you do the following
52+
options:
53+
- label: Have tested with the latest version. This is still alpha version and sometime things change rapidly.
54+
required: true
55+
- label: Follow our [Code of Conduct](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/CODE_OF_CONDUCT.md)
56+
required: true
57+
- label: Read the [Contributing Guide](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/CONTRIBUTING.md).
58+
required: true
59+
- label: Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
60+
required: true
61+
- label: Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
62+
required: true
63+
- label: The provided reproduction is a [minimal reproducible](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.
64+
required: true

‎.github/ISSUE_TEMPLATE/compatibility_report.md

-13
This file was deleted.

‎.github/ISSUE_TEMPLATE/compatibility_report.yml

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
name: 🐞 Compatibility report
2+
description: Create a report on missing features from Bootstrap v5 or BootstrapVue v2
3+
labels: [compatibility enhancement]
4+
body:
5+
- type: markdown
6+
attributes:
7+
value: |
8+
Thanks for taking the time to fill out this compatibility report!
9+
- type: dropdown
10+
id: feature-type
11+
attributes:
12+
label: Missing feature is from
13+
description: "Please source of the feature: Bootstrap-vue or Bootstrap v5."
14+
options:
15+
- bootstrap-vue
16+
- Bootstrap v5
17+
validations:
18+
required: true
19+
- type: input
20+
id: docs
21+
attributes:
22+
label: Docs
23+
description: Please provide a link to the Bootstrap-vue docs or the most current version of the Bootstrap v5 docs for this feature.
24+
placeholder: link
25+
validations:
26+
required: true
27+
- type: textarea
28+
id: feature-description
29+
attributes:
30+
label: Describe the missing feature
31+
description: A clear and concise description of what is missing. If you intend to submit a PR for this issue, tell us in the description. Thanks!
32+
placeholder: Feature description
33+
validations:
34+
required: true
35+
- type: checkboxes
36+
id: checkboxes
37+
attributes:
38+
label: Validations
39+
description: Before submitting the issue, please make sure you do the following
40+
options:
41+
- label: Have tested with the latest version. This is still alpha version and sometime things change rapidly.
42+
required: true
43+
- label: Follow our [Code of Conduct](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/CODE_OF_CONDUCT.md)
44+
required: true
45+
- label: Read the [Contributing Guide](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/CONTRIBUTING.md).
46+
required: true
47+
- label: Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
48+
required: true
49+
- label: Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
50+
required: true
51+
- label: The provided link is to the documentation of the missing feature.
52+
required: true

‎.github/ISSUE_TEMPLATE/config.yml

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
blank_issues_enabled: true
2+
contact_links:
3+
- name: Discord Chat
4+
url: https://discord.gg/j2Mtcny
5+
about: Ask and discuss real-time with other users on the bootstrap-vue-next channel.
6+
- name: Questions & Discussions
7+
url: https://github.com/bootstrap-vue-next/bootstrap-vue-next/discussions
8+
about: Use GitHub discussions for message-board style questions and discussions.

‎.github/ISSUE_TEMPLATE/feature_request.md

-15
This file was deleted.

‎.github/ISSUE_TEMPLATE/feature_request.yml

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
name: 🚀 New feature proposal
2+
description: Propose a new feature to be added to VueUse
3+
labels: [enhancement]
4+
body:
5+
- type: markdown
6+
attributes:
7+
value: |
8+
Thanks for your interest in the project and taking the time to fill out this feature report!
9+
- type: textarea
10+
id: feature-description
11+
attributes:
12+
label: Clear and concise description of the problem
13+
description: 'As a developer using VueUse I want [goal / wish] so that [benefit]. If you intend to submit a PR for this issue, tell us in the description. Thanks!'
14+
validations:
15+
required: true
16+
- type: textarea
17+
id: suggested-solution
18+
attributes:
19+
label: Suggested solution
20+
description: 'In module [xy] we could provide following implementation...'
21+
validations:
22+
required: true
23+
- type: textarea
24+
id: alternative
25+
attributes:
26+
label: Alternative
27+
description: Clear and concise description of any alternative solutions or features you've considered.
28+
- type: textarea
29+
id: additional-context
30+
attributes:
31+
label: Additional context
32+
description: Any other context or screenshots about the feature request here.
33+
- type: checkboxes
34+
id: checkboxes
35+
attributes:
36+
label: Validations
37+
description: Before submitting the issue, please make sure you do the following
38+
options:
39+
- label: Follow our [Code of Conduct](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/CODE_OF_CONDUCT.md)
40+
required: true
41+
- label: Read the [Contributing Guide](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/CONTRIBUTING.md).
42+
required: true
43+
- label: Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
44+
required: true

‎.github/workflows/issue-labeled.yml

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
name: Issue Labeled
2+
3+
on:
4+
issues:
5+
types: [labeled]
6+
7+
jobs:
8+
reply-labeled:
9+
runs-on: ubuntu-latest
10+
steps:
11+
- name: need reproduction
12+
if: github.event.label.name == 'need reproduction'
13+
uses: actions-cool/issues-helper@v3
14+
with:
15+
actions: create-comment
16+
token: ${{ secrets.GITHUB_TOKEN }}
17+
issue-number: ${{ github.event.issue.number }}
18+
body: |
19+
Hello @${{ github.event.issue.user.login }}. Please provide a [minimal reproduction](https://stackoverflow.com/help/minimal-reproducible-example) using StackBlitz [vite with script setup](https://stackblitz.com/github/bootstrap-vue-next/bootstrap-vue-next/tree/main/templates/vite?file=src%2Fcomponents%2FComp.vue,src%2FApp.vue) / [light vue](https://stackblitz.com/fork/bootstra-vue-next-template?file=src%2Fcomponents%2FComp.vue,src%2FApp.vue) or a link to a repo.

‎.release-please-manifest.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
2-
"packages/bootstrap-vue-next": "0.12.3",
3-
"packages/nuxt": "0.12.3"
2+
"packages/bootstrap-vue-next": "0.12.4",
3+
"packages/nuxt": "0.12.4"
44
}

‎apps/playground/src/components/Comps/TPopover.vue

+20-6
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,11 @@
119119
</BPopover>
120120
</BCol>
121121
<BCol>
122-
<BButton ref="popoverManualButtonRef" @click="manualClickPopoverExample = !manualClickPopoverExample" >Manual popover showing</BButton>
122+
<BButton
123+
ref="popoverManualButtonRef"
124+
@click="manualClickPopoverExample = !manualClickPopoverExample"
125+
>Manual popover showing</BButton
126+
>
123127
<BPopover
124128
:target="() => popoverManualButtonRef"
125129
manual
@@ -131,9 +135,7 @@
131135
</BCol>
132136
<BCol>
133137
<BPopover placement="auto">
134-
<template #title>
135-
Auto placement
136-
</template>
138+
<template #title> Auto placement </template>
137139
<template #target>
138140
<BButton id="popover-target-1">Hover Me</BButton>
139141
</template>
@@ -208,7 +210,7 @@
208210
</BPopover>
209211
</BCol>
210212
<BCol>
211-
<div style="height: 50vh; width: 400px; overflow-y: scroll; padding: 5em;">
213+
<div style="height: 50vh; width: 400px; overflow-y: scroll; padding: 5em">
212214
<div v-for="(_, i) in Array(20)" :key="i" style="height: 100px">
213215
<BPopover v-bind="vari">
214216
jee
@@ -219,13 +221,25 @@
219221
</div>
220222
</div>
221223
</BCol>
224+
<BCol>
225+
<div style="height: 50vh; width: 400px; overflow-y: scroll; padding: 5em">
226+
<div v-for="(_, i) in Array(20)" :key="i" style="height: 100px">
227+
<BPopover v-bind="vari" noninteractive>
228+
jee
229+
<template #target>
230+
<BButton>hover / focus noninteractive</BButton>
231+
</template>
232+
</BPopover>
233+
</div>
234+
</div>
235+
</BCol>
222236
</BRow>
223237
</BContainer>
224238
</template>
225239

226240
<script setup lang="ts">
227241
import {ref} from 'vue'
228-
import type { BPopoverPlacement } from 'bootstrap-vue-next/src/types';
242+
import type {BPopoverPlacement} from 'bootstrap-vue-next/src/types'
229243
230244
const popoverInput = ref('foo')
231245
const popoverRef = ref(null)

‎packages/bootstrap-vue-next/CHANGELOG.md

+12
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,18 @@
11
# Changelog
22

33

4+
## [0.12.4](https://github.com/bootstrap-vue-next/bootstrap-vue-next/compare/bootstrapvuenext-v0.12.3...bootstrapvuenext-v0.12.4) (2023-09-14)
5+
6+
7+
### Features
8+
9+
* **BPopover:** add noninteractive prop ([cd8cbec](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/cd8cbecc2dad68022f4cf22045d478b6e5ec48b4))
10+
11+
12+
### Bug Fixes
13+
14+
* use 'floatingStyles' over manual styles ([1773407](https://github.com/bootstrap-vue-next/bootstrap-vue-next/commit/1773407cb9ccc9d17bc92c1b305ba61e4cfa46bd))
15+
416
## [0.12.3](https://github.com/bootstrap-vue-next/bootstrap-vue-next/compare/bootstrapvuenext-v0.12.2...bootstrapvuenext-v0.12.3) (2023-09-12)
517

618

‎packages/bootstrap-vue-next/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "bootstrap-vue-next",
33
"displayName": "BootstrapVueNext",
44
"description": "BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.",
5-
"version": "0.12.3",
5+
"version": "0.12.4",
66
"license": "MIT",
77
"main": "./dist/bootstrap-vue-next.umd.js",
88
"module": "./dist/bootstrap-vue-next.mjs",

‎packages/bootstrap-vue-next/src/components/BPopover.vue

+7-2
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,7 @@ const props = withDefaults(
141141
inline?: Booleanish
142142
tooltip?: Booleanish
143143
html?: Booleanish
144+
noninteractive?: Booleanish
144145
}>(),
145146
{
146147
floatingMiddleware: undefined,
@@ -168,6 +169,7 @@ const props = withDefaults(
168169
html: false,
169170
reference: null,
170171
target: null,
172+
noninteractive: false,
171173
}
172174
)
173175
@@ -219,6 +221,7 @@ const hideBoolean = useBooleanish(() => props.hide)
219221
const realtimeBoolean = useBooleanish(() => props.realtime)
220222
const inlineBoolean = useBooleanish(() => props.inline)
221223
const tooltipBoolean = useBooleanish(() => props.tooltip)
224+
const noninteractiveBoolean = useBooleanish(() => props.noninteractive)
222225
const isHtml = useBooleanish(() => props.html)
223226
const hidden = ref(false)
224227
@@ -413,10 +416,12 @@ const hideFn = (e: Event) => {
413416
if (
414417
e?.type === 'click' ||
415418
(e?.type === 'update:modelValue' && manualBoolean.value) ||
416-
(isOutside.value &&
419+
(!noninteractiveBoolean.value &&
420+
isOutside.value &&
417421
triggerIsOutside.value &&
418422
!element.value?.contains(document?.activeElement) &&
419-
!trigger.value?.contains(document?.activeElement))
423+
!trigger.value?.contains(document?.activeElement)) ||
424+
(noninteractiveBoolean.value && triggerIsOutside.value)
420425
) {
421426
showState.value = false
422427
nextTick(() => {

0 commit comments

Comments
 (0)