From a7259771846502378d2871939743a79c233fb86c Mon Sep 17 00:00:00 2001 From: zernonia Date: Sat, 23 Sep 2023 21:43:58 +0800 Subject: [PATCH] chore: updates charts using unovis/vue --- .../components/PageHeaderDescription.vue | 2 +- .../theme/components/theming/Theming.vue | 653 +----------------- apps/www/package.json | 1 + .../dashboard/components/Overview.vue | 130 +--- .../lib/registry/default/example/CardChat.vue | 209 ++++++ .../registry/default/example/CardStats.vue | 101 +++ .../default/example/Cards/ActivityGoal.vue | 61 +- .../registry/new-york/example/CardChat.vue | 209 ++++++ .../registry/new-york/example/CardStats.vue | 101 +++ .../new-york/example/Cards/ActivityGoal.vue | 103 +++ .../new-york/example/Cards/DataTable.vue | 262 +++++++ .../new-york/example/Cards/Metric.vue | 91 +++ .../new-york/example/DataTableDemo.vue | 1 - .../new-york/ui/select/SelectContent.vue | 2 +- .../new-york/ui/select/SelectTrigger.vue | 2 +- apps/www/src/stores/config.ts | 13 +- pnpm-lock.yaml | 13 + 17 files changed, 1206 insertions(+), 748 deletions(-) create mode 100644 apps/www/src/lib/registry/default/example/CardChat.vue create mode 100644 apps/www/src/lib/registry/default/example/CardStats.vue create mode 100644 apps/www/src/lib/registry/new-york/example/CardChat.vue create mode 100644 apps/www/src/lib/registry/new-york/example/CardStats.vue create mode 100644 apps/www/src/lib/registry/new-york/example/Cards/ActivityGoal.vue create mode 100644 apps/www/src/lib/registry/new-york/example/Cards/DataTable.vue create mode 100644 apps/www/src/lib/registry/new-york/example/Cards/Metric.vue diff --git a/apps/www/.vitepress/theme/components/PageHeaderDescription.vue b/apps/www/.vitepress/theme/components/PageHeaderDescription.vue index 9869756c..40df01f2 100644 --- a/apps/www/.vitepress/theme/components/PageHeaderDescription.vue +++ b/apps/www/.vitepress/theme/components/PageHeaderDescription.vue @@ -4,7 +4,7 @@ import { cn } from '@/lib/utils' diff --git a/apps/www/.vitepress/theme/components/theming/Theming.vue b/apps/www/.vitepress/theme/components/theming/Theming.vue index 01f79f48..efbb1d22 100644 --- a/apps/www/.vitepress/theme/components/theming/Theming.vue +++ b/apps/www/.vitepress/theme/components/theming/Theming.vue @@ -3,13 +3,24 @@ import { ref } from 'vue' import { ChevronDown, Minus, Plus, Send } from 'lucide-vue-next' import { addDays, startOfToday } from 'date-fns' import ThemingLayout from './../../layout/ThemingLayout.vue' -import { - months, - payments, - roles, - teamMembers, - years, -} from './utils/data' + +import Container from '@/examples/cards/components/Container.vue' +import CookieSettings from '@/examples/cards/components/CookieSettings.vue' +import CreateAccount from '@/examples/cards/components/CreateAccount.vue' +import DatePicker from '@/examples/cards/components/DatePicker.vue' +import GitHubCard from '@/examples/cards/components/GitHubCard.vue' +import Notifications from '@/examples/cards/components/Notifications.vue' +import PaymentMethod from '@/examples/cards/components/PaymentMethod.vue' +import ReportAnIssue from '@/examples/cards/components/ReportAnIssue.vue' +import ShareDocument from '@/examples/cards/components/ShareDocument.vue' +import TeamMembers from '@/examples/cards/components/TeamMembers.vue' + +import CardChat from '@/lib/registry/new-york/example/CardChat.vue' +import ActivityGoal from '@/lib/registry/new-york/example/Cards/ActivityGoal.vue' +import Metric from '@/lib/registry/new-york/example/Cards/Metric.vue' +import DataTable from '@/lib/registry/new-york/example/Cards/DataTable.vue' +import CardStats from '@/lib/registry/default/example/CardStats.vue' + import { Card, CardContent, @@ -18,58 +29,11 @@ import { CardHeader, CardTitle, } from '@/lib/registry/new-york/ui/card' -import { - Avatar, - AvatarFallback, - AvatarImage, -} from '@/lib/registry/new-york/ui/avatar' import { Button } from '@/lib/registry/new-york/ui/button' -import { Textarea } from '@/lib/registry/new-york/ui/textarea' import { Calendar } from '@/lib/registry/new-york/ui/calendar' -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from '@/lib/registry/new-york/ui/dropdown-menu' -import { Label } from '@/lib/registry/new-york/ui/label' -import { Switch } from '@/lib/registry/new-york/ui/switch' -import { - Select, - SelectContent, - SelectGroup, - SelectItem, - SelectTrigger, - SelectValue, -} from '@/lib/registry/new-york/ui/select' -import { Input } from '@/lib/registry/new-york/ui/input' -import { - Tooltip, - TooltipContent, - TooltipProvider, - TooltipTrigger, -} from '@/lib/registry/new-york/ui/tooltip' -import { Separator } from '@/lib/registry/new-york/ui/separator' -import RadixIconsGithubLogo from '~icons/radix-icons/github-logo' -import RiGoogleLine from '~icons/ri/google-line' -const strictlyNecessarySwitch = ref(true) -const functionalCookiesSwitch = ref(false) -const performanceCookiesSwitch = ref(false) -const selectedArea = ref('Billing') -const selectedSecurity = ref('Medium') -const selectedMonth = ref(months[0]) -const selectedYear = ref(years[0]) -const selectedPayment = ref(payments[0]) const goal = ref(350) -function switchPayment(payment: any) { - selectedPayment.value = payment -} - const range = ref({ start: startOfToday(), end: addDays(startOfToday(), 8), @@ -82,454 +46,19 @@ const range = ref({ class="items-start justify-center gap-6 rounded-lg md:grids-col-2 grid md:gap-4 lg:grid-cols-10 xl:grid-cols-11 xl:gap-4" >
-
- - - - Total Revenue - - - -
- $15,231.89 -
-

- +20.1% from last month -

+ -
- - - - - - - Subscriptions - - - -
- +2,350 -
-

- +54.8% from last month -

- -
- - -
- - - Team Members - - Invite your team members to collaborate. - - - -
-
- - - - {{ teamMember.name.slice(0, 2) }} - - - -
-

- {{ teamMember.name }} -

-

- {{ teamMember.username }} -

-
-
- - - - - - - - - Actions - - - -
- - {{ role.name }} - - - {{ role.description }} - -
- - - - -
- - - - - - Cookies Settings - - Manage your cookies preferences. - - - -
-
- - -
-
- - -
-
- - -
-
- - - - - - - - - - - Payment Method - - - Add a new payment method or update your existing payment - method. - - - -
-
- - - {{ payment.name }} - -
-
-
- - -
-
- - -
- -
-
- - -
-
- - -
-
- - -
-
- - - - - + + +
- - -
- - - B - - -
-

- Bear Brown -

-

- bear@example.com -

-
-
- - - - - - - New message - - - - - -
-
- Hi, how can I help you today? -
-
- Hey, I'm having trouble with my account. -
-
- Sure, I can help you with that. What seems to be the problem? -
-
- I can't log in. -
-
- - -
- - -
- - - - - - Create an account - - Enter your details below to create your account. - - - -
- - -
-
-
- -
-
- Or -
-
-
- - -
-
- - -
- - - - - - - - - Report an issue - - What area are you having problems with? - - - -
-
- - -
- -
- - -
-
- -
- - -
- -
- -