Merge pull request #787 from Efficy/main

feat(BToast): Add optional parameters autoHide and noCloseButton using on Deman

Author: VividLemon

apps/docs/docs/components/Toast.md

@@ -38,6 +38,8 @@ Use `toast.show()` method to generate your toasts. The method accepts the follow
   - `title` (optional) : string or an array of `VNodes`
   - `body` : string or an array of `VNodes`
 - `options`: an optional options object for changing position and delay hidden
+  - `autoHide` (optional) : true/false - by default is true
+  - `noCloseButton` (optional) : true/false - by default is false
   - `pos`: 'top-left', 'top-center', 'top-right', 'middle-left', 'middle-center', 'middle-right', 'bottom-left', 'bottom-center', 'bottom-right'
   - `delay`: number
   - `variant` : string ColorVariant

packages/bootstrap-vue-3/src/components/BToast/BToaster.vue

@@ -5,7 +5,9 @@
       :id="toast.options.id"
       :key="toast.options.id"
       v-model="toast.options.value"
+      :auto-hide="toast.options.autoHide"
       :delay="toast.options.delay"
+      :no-close-button="toast.options.noCloseButton"
       :title="toast.content.title"
       :body="toast.content.body"
       :component="toast.content.body"

packages/bootstrap-vue-3/src/components/BToast/plugin.ts

@@ -19,10 +19,12 @@ export interface ToastContent {
 }
 
 export interface ToastOptions {
-  id?: string
-  value?: boolean // show or hide
+  autoHide?: boolean
   delay?: number
+  id?: string
+  noCloseButton?: boolean
   pos?: ContainerPosition
+  value?: boolean // show or hide
   variant?: ColorVariant
 }
 
@@ -50,7 +52,7 @@ interface ToastContainers {
   [key: symbol]: ToastVM
 }
 
-const defaultToastOptions: ToastOptions = {delay: 5000, value: true, pos: 'top-right'}
+const defaultToastOptions: ToastOptions = {autoHide: true, delay: 5000, noCloseButton: false, pos: 'top-right', value: true}
 
 export class ToastInstance {
   vm: ToastVM