add to other components too

globalbrain · Jan 13, 2025 · f4480e7 · f4480e7
1 parent 8ee60ee
commit f4480e7
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 9 deletions.
diff --git a/docs/components/control.md b/docs/components/control.md
@@ -151,7 +151,7 @@ interface Props {
   tag?: string
   type?: Type
   mode?: Mode
-  icon?: any
+  icon?: Component
   iconMode?: Mode
   label?: string
   labelMode?: Mode
@@ -204,7 +204,7 @@ import SButton, {
 
 interface Props {
   as?: string
-  icon?: any
+  icon?: Component
   href?: string
   disabled?: boolean
   tooltip?: string | Tooltip

diff --git a/docs/components/table.md b/docs/components/table.md
@@ -372,7 +372,7 @@ export interface TableCellText {
   align?: 'left' | 'center' | 'right'
 
   // Icon to display in front of the value.
-  icon?: any
+  icon?: Component
 
   // The value for the cell. If omitted, it will use the value
   // from the record.
@@ -432,7 +432,7 @@ export interface TableCellNumber {
   align?: 'left' | 'center' | 'right'
 
   // Icon to display in front of the value.
-  icon?: any
+  icon?: Component
 
   // The value for the cell. If omitted, it will use the value
   // from the record.

diff --git a/lib/components/SControlActionBarButton.vue b/lib/components/SControlActionBarButton.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
+import { type Component } from 'vue'
 import { useControlSize } from '../composables/Control'
 import SButton, { type Tooltip } from './SButton.vue'
 
 defineProps<{
   as?: string
-  icon?: any
+  icon?: Component
   href?: string
   disabled?: boolean
   tooltip?: string | Tooltip

diff --git a/lib/components/SControlButton.vue b/lib/components/SControlButton.vue
@@ -1,12 +1,15 @@
 <script setup lang="ts">
+import { type Component } from 'vue'
 import { useControlSize } from '../composables/Control'
 import SButton, { type Mode, type Tooltip, type Type } from './SButton.vue'
 
 defineProps<{
   tag?: string
   type?: Type
   mode?: Mode
-  icon?: any
+  icon?: Component
+  leadIcon?: Component
+  trailIcon?: Component
   iconMode?: Mode
   label?: string
   labelMode?: Mode
@@ -31,6 +34,8 @@ const size = useControlSize()
       :type="type"
       :mode="mode"
       :icon="icon"
+      :lead-icon="leadIcon"
+      :trail-icon="trailIcon"
       :icon-mode="iconMode"
       :label="label"
       :label-mode="labelMode"

diff --git a/lib/composables/Table.ts b/lib/composables/Table.ts
@@ -96,7 +96,7 @@ export interface TableCellBase {
 export interface TableCellText<V = any, R = any> extends TableCellBase {
   type: 'text'
   align?: 'left' | 'center' | 'right'
-  icon?: any
+  icon?: Component
   value?: string | null
   link?: string | null
   color?: TableCellValueColor
@@ -107,7 +107,7 @@ export interface TableCellText<V = any, R = any> extends TableCellBase {
 export interface TableCellNumber<V = any, R = any> extends TableCellBase {
   type: 'number'
   align?: 'left' | 'center' | 'right'
-  icon?: any
+  icon?: Component
   value?: number | null
   separator?: boolean
   link?: string | null
@@ -194,7 +194,7 @@ export interface TableCellActions<R = any> extends TableCellBase {
 
 export interface TableCellAction<R = any> {
   mode?: Mode
-  icon?: any
+  icon?: Component
   iconMode?: Mode
   label?: string
   labelMode?: Mode