feat(dropdown): allow passing props to component (#308) (#309)

close #308
globalbrain · Jun 21, 2023 · 6a3f9a1 · 6a3f9a1
1 parent ba28500
commit 6a3f9a1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/lib/components/SDropdownSection.vue b/lib/components/SDropdownSection.vue
@@ -29,5 +29,6 @@ defineProps<{
   <SDropdownSectionComponent
     v-else-if="section.type === 'component'"
     :comp="section.component"
+    :props="section.props"
   />
 </template>
diff --git a/lib/components/SDropdownSectionComponent.vue b/lib/components/SDropdownSectionComponent.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { type DefineComponent } from 'vue'
+import { type Component } from 'vue'
 
 defineProps<{
-  comp: DefineComponent
+  comp: Component
+  props?: Record<string, any>
 }>()
 </script>
 
 <template>
-  <Component :is="comp" />
+  <component :is="comp" v-bind="props" />
 </template>
diff --git a/lib/composables/Dropdown.ts b/lib/composables/Dropdown.ts
@@ -1,5 +1,5 @@
 import { type MaybeRef, useElementBounding, useWindowSize } from '@vueuse/core'
-import { type Ref } from 'vue'
+import { type Component, type Ref } from 'vue'
 import { ref, unref } from 'vue'
 
 export type DropdownSection =
@@ -74,7 +74,8 @@ export interface DropdownSectionActionsOption {
 
 export interface DropdownSectionComponent extends DropdownSectionBase {
   type: 'component'
-  component: any
+  component: Component
+  props?: Record<string, any>
 }
 
 export interface ManualDropdownPosition {