fix(BNavForm): incorrect grid classes causing issues fixes bootstrap-vue-next#1410

fix(BModal): scoped slots fixes bootstrap-vue-next#1418

Author: VividLemon

packages/bootstrap-vue-next/src/components/BModal.vue

@@ -23,14 +23,28 @@
         <div class="modal-dialog" :class="modalDialogClasses">
           <div v-if="lazyShowing" class="modal-content" :class="contentClass">
             <div v-if="!hideHeaderBoolean" class="modal-header" :class="headerClasses">
-              <slot name="header">
+              <slot
+                name="header"
+                :cancel="() => hide('cancel')"
+                :close="() => hide('close')"
+                :hide="hide"
+                :ok="() => hide('ok')"
+                :visible="modelValueBoolean"
+              >
                 <component
                   :is="titleTag"
                   :id="`${computedId}-label`"
                   class="modal-title"
                   :class="titleClasses"
                 >
-                  <slot name="title">
+                  <slot
+                    name="title"
+                    :cancel="() => hide('cancel')"
+                    :close="() => hide('close')"
+                    :hide="hide"
+                    :ok="() => hide('ok')"
+                    :visible="modelValueBoolean"
+                  >
                     {{ title }}
                   </slot>
                 </component>
@@ -52,11 +66,31 @@
               </slot>
             </div>
             <div :id="`${computedId}-body`" class="modal-body" :class="bodyClasses">
-              <slot />
+              <slot
+                :cancel="() => hide('cancel')"
+                :close="() => hide('close')"
+                :hide="hide"
+                :ok="() => hide('ok')"
+                :visible="modelValueBoolean"
+              />
             </div>
             <div v-if="!hideFooterBoolean" class="modal-footer" :class="footerClasses">
-              <slot name="footer">
-                <slot name="cancel">
+              <slot
+                name="footer"
+                :cancel="() => hide('cancel')"
+                :close="() => hide('close')"
+                :hide="hide"
+                :ok="() => hide('ok')"
+                :visible="modelValueBoolean"
+              >
+                <slot
+                  name="cancel"
+                  :cancel="() => hide('cancel')"
+                  :close="() => hide('close')"
+                  :hide="hide"
+                  :ok="() => hide('ok')"
+                  :visible="modelValueBoolean"
+                >
                   <BButton
                     v-if="!okOnlyBoolean"
                     ref="cancelButton"
@@ -68,7 +102,14 @@
                     {{ cancelTitle }}
                   </BButton>
                 </slot>
-                <slot name="ok">
+                <slot
+                  name="ok"
+                  :cancel="() => hide('cancel')"
+                  :close="() => hide('close')"
+                  :hide="hide"
+                  :ok="() => hide('ok')"
+                  :visible="modelValueBoolean"
+                >
                   <BButton
                     ref="okButton"
                     :disabled="disableOk"
@@ -244,20 +285,56 @@ const emit = defineEmits<{
 }>()
 
 defineSlots<{
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  'header'?: (props: Record<string, never>) => any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  'title'?: (props: Record<string, never>) => any
+  'header'?: (props: {
+    cancel: () => void
+    close: () => void
+    hide: () => void
+    ok: () => void
+    visible: boolean
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }) => any
+  'title'?: (props: {
+    cancel: () => void
+    close: () => void
+    hide: () => void
+    ok: () => void
+    visible: boolean
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }) => any
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   'header-close'?: (props: Record<string, never>) => any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  'default'?: (props: Record<string, never>) => any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  'footer'?: (props: Record<string, never>) => any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  'cancel'?: (props: Record<string, never>) => any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  'ok'?: (props: Record<string, never>) => any
+  'default'?: (props: {
+    cancel: () => void
+    close: () => void
+    hide: () => void
+    ok: () => void
+    visible: boolean
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }) => any
+  'footer'?: (props: {
+    cancel: () => void
+    close: () => void
+    hide: () => void
+    ok: () => void
+    visible: boolean
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }) => any
+  'cancel'?: (props: {
+    cancel: () => void
+    close: () => void
+    hide: () => void
+    ok: () => void
+    visible: boolean
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }) => any
+  'ok'?: (props: {
+    cancel: () => void
+    close: () => void
+    hide: () => void
+    ok: () => void
+    visible: boolean
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }) => any
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   'backdrop'?: (props: Record<string, never>) => any
 }>()

packages/bootstrap-vue-next/src/components/BNav/BNavForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <li class="container-fluid">
+  <li class="d-flex flex-row align-items-center flex-wrap">
     <BForm
       v-bind="$attrs"
       :id="id"