77c6a16040
* chore: update unovis deps * chore: update color to use the themePrimary * docs: use gradient for overview component * docs: add themePopover to MainLayout * docs: enable global theme on every page * feat: introduce area, line, bar, donut chart * feat: add more props * fix: revert old pipeline * fix: patch @unovis/vue deps * fix: patch @unovis/vue deps again * chore: revert unovis/ts to 1.2.1 * chore: wip * docs: add alpha tag, fix tooltipo styling * docs: add charts installations step * feat: use generic, add better color * chore: build registry * feat: improve generic props * chore: build registry * docs: add alpha label * fix: collapsible not open correctly * docs: add badge to mobile nav * chore: better types * chore: run registry * chore: wip * fix: crosshair issue * chore: fix type, import missing error * chore: build registry * chore: arrange interface, expose margin, slot * chore: build registry * docs: guide page feat: add prop to barchart * chore: fix pnpm-lock * chore: add feature * chore: run build registry * refactor: change color var * feat: codegen * chore: add meta tables * feat: add line, area example * feat: bar and donut examples * docs: codege * chore: build registry * docs: improve chart doc * chore: fix missing icon package
138 lines
2.1 KiB
TypeScript
138 lines
2.1 KiB
TypeScript
import { CreditCard } from 'lucide-vue-next'
|
|
import RiAppleFill from '~icons/ri/apple-fill'
|
|
import RiPaypalFill from '~icons/ri/paypal-fill'
|
|
|
|
type Color =
|
|
| 'zinc'
|
|
| 'slate'
|
|
| 'stone'
|
|
| 'gray'
|
|
| 'neutral'
|
|
| 'red'
|
|
| 'rose'
|
|
| 'orange'
|
|
| 'green'
|
|
| 'blue'
|
|
| 'yellow'
|
|
| 'violet'
|
|
|
|
// Create an array of color values
|
|
export const allColors: Color[] = [
|
|
'zinc',
|
|
'rose',
|
|
'blue',
|
|
'green',
|
|
'orange',
|
|
'red',
|
|
'slate',
|
|
'stone',
|
|
'gray',
|
|
'neutral',
|
|
'yellow',
|
|
'violet',
|
|
]
|
|
|
|
interface Payment {
|
|
status: string
|
|
email: string
|
|
amount: number
|
|
}
|
|
|
|
interface TeamMember {
|
|
name: string
|
|
username: string
|
|
role: Role['name']
|
|
avatar: string
|
|
access: string
|
|
}
|
|
|
|
interface Role {
|
|
name: string
|
|
description: string
|
|
}
|
|
|
|
export const teamMembers: TeamMember[] = [
|
|
{
|
|
name: 'Bob Smith',
|
|
username: '@bobbysmith',
|
|
role: 'Owner',
|
|
avatar: 'https://api.dicebear.com/6.x/lorelei/svg?seed=Bob',
|
|
access: 'Can edit',
|
|
},
|
|
{
|
|
name: 'Nala Sutanovac',
|
|
username: '@nalasutanovac',
|
|
role: 'Developer',
|
|
avatar: 'https://api.dicebear.com/6.x/lorelei/svg?seed=Nala',
|
|
access: 'Can view',
|
|
},
|
|
{
|
|
name: 'Jack Lynch',
|
|
username: '@jacklynch',
|
|
role: 'Designer',
|
|
avatar: 'https://api.dicebear.com/6.x/lorelei/svg?seed=Jack',
|
|
access: 'Can view',
|
|
},
|
|
]
|
|
|
|
export const roles: Role[] = [
|
|
{
|
|
name: 'Owner',
|
|
description: 'Can manage all aspects of the account',
|
|
},
|
|
{
|
|
name: 'Developer',
|
|
description: 'Can deploy apps, manage databases, and manage users',
|
|
},
|
|
{
|
|
name: 'Designer',
|
|
description: 'Can deploy apps and manage databases',
|
|
},
|
|
]
|
|
|
|
export const months = [
|
|
'January',
|
|
'February',
|
|
'March',
|
|
'April',
|
|
'May',
|
|
'June',
|
|
'July',
|
|
'August',
|
|
'September',
|
|
'October',
|
|
'November',
|
|
'December',
|
|
]
|
|
|
|
export const years = [
|
|
'2023',
|
|
'2024',
|
|
'2025',
|
|
'2026',
|
|
'2027',
|
|
'2028',
|
|
'2029',
|
|
'2030',
|
|
]
|
|
|
|
interface Payments {
|
|
name: string
|
|
icon: any
|
|
}
|
|
|
|
export const payments: Payments[] = [
|
|
{
|
|
name: 'Card',
|
|
icon: CreditCard,
|
|
},
|
|
{
|
|
name: 'Paypal',
|
|
icon: RiPaypalFill,
|
|
},
|
|
{
|
|
name: 'Apple',
|
|
icon: RiAppleFill,
|
|
},
|
|
]
|