feat(table): support default color in pill and state cells (#392) (#399)

close #392
globalbrain · Nov 21, 2023 · bc4d843 · bc4d843
1 parent 38a1586
commit bc4d843
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/docs/components/table.md b/docs/components/table.md
@@ -517,8 +517,9 @@ interface TableCellActions {
 }
 
 type ColorModes =
-  | 'neutral'
+  | 'default'
   | 'mute'
+  | 'neutral'
   | 'info'
   | 'success'
   | 'warning'

diff --git a/lib/components/STableCellPill.vue b/lib/components/STableCellPill.vue
@@ -1,14 +1,12 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import SPill from './SPill.vue'
-
-export type Color = 'neutral' | 'mute' | 'info' | 'success' | 'warning' | 'danger'
+import SPill, { type Mode } from './SPill.vue'
 
 const props = defineProps<{
   value?: any
   record: any
   getter?: string | ((value: any, record: any) => string)
-  color?: Color | ((value: any, record: any) => Color)
+  color?: Mode | ((value: any, record: any) => Mode)
 }>()
 
 const _value = computed(() => {

diff --git a/lib/composables/Table.ts b/lib/composables/Table.ts
@@ -81,7 +81,7 @@ export type TableCellType =
   | 'component'
   | 'actions'
 
-export type ColorModes = 'neutral' | 'mute' | 'info' | 'success' | 'warning' | 'danger'
+export type ColorModes = 'default' | 'mute' | 'neutral' | 'info' | 'success' | 'warning' | 'danger'
 
 export interface TableCellBase {
   type: TableCellType
@@ -135,7 +135,7 @@ export interface TableCellPills extends TableCellBase {
 
 export interface TableCellPillItem {
   label: string
-  color: TableCellPillColor
+  color?: TableCellPillColor
 }
 
 export interface TableCellAvatar extends TableCellBase {