Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update blocks metadata

Browse Source
This commit is contained in:
zernonia 2024-04-03 23:23:58 +08:00
parent d868c9fd48
commit 4f9a5af907
6 changed files with 134 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

176
apps/www/src/lib/registry/default/block/Dashboard05.vue
View File

@ -1,11 +1,11 @@
<script lang="ts"> <script lang="ts">
export const description = 'A order tracking page. The order page has a sidebar navigation and a main content area.' export const description = 'An orders dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. The main area has a list of recent orders with a filter and export button. The main area also has a detailed view of a single order with order details, shipping information, billing information, customer information, and payment information.'
export const iframeHeight = '780px' export const iframeHeight = '1112px'
export const containerClass = 'w-full h-full' export const containerClass = 'w-full h-full'
</script> </script>
<script setup lang="ts"> <script setup lang="ts">
import { import {
ChevronLeft, ChevronLeft,
ChevronRight, ChevronRight,
CircleUser, CircleUser,
@ -23,10 +23,10 @@ import {
Settings, Settings,
ShoppingCart, ShoppingCart,
Truck, Truck,
Users2 Users2,
} from 'lucide-vue-next' } from 'lucide-vue-next'
import { Badge } from "@/lib/registry/default/ui/badge" import { Badge } from '@/lib/registry/default/ui/badge'
import { Button } from '@/lib/registry/default/ui/button' import { Button } from '@/lib/registry/default/ui/button'
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card' import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu' import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
@ -38,7 +38,7 @@ import {
BreadcrumbList, BreadcrumbList,
BreadcrumbPage, BreadcrumbPage,
BreadcrumbSeparator, BreadcrumbSeparator,
} from "@/lib/registry/default/ui/breadcrumb" } from '@/lib/registry/default/ui/breadcrumb'
import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet' import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
import { import {
Pagination, Pagination,
@ -49,9 +49,9 @@ import {
PaginationListItem, PaginationListItem,
PaginationNext, PaginationNext,
PaginationPrev, PaginationPrev,
} from "@/lib/registry/default/ui/pagination" } from '@/lib/registry/default/ui/pagination'
import { Progress } from "@/lib/registry/default/ui/progress" import { Progress } from '@/lib/registry/default/ui/progress'
import { Separator } from "@/lib/registry/default/ui/separator" import { Separator } from '@/lib/registry/default/ui/separator'
import { import {
Table, Table,
TableBody, TableBody,
@ -59,18 +59,18 @@ import {
TableHead, TableHead,
TableHeader, TableHeader,
TableRow, TableRow,
} from "@/lib/registry/default/ui/table" } from '@/lib/registry/default/ui/table'
import { import {
Tabs, Tabs,
TabsContent, TabsContent,
TabsList, TabsList,
TabsTrigger, TabsTrigger,
} from "@/lib/registry/default/ui/tabs" } from '@/lib/registry/default/ui/tabs'
import { import {
Tooltip, Tooltip,
TooltipContent, TooltipContent,
TooltipTrigger, TooltipTrigger,
} from "@/lib/registry/default/ui/tooltip" } from '@/lib/registry/default/ui/tooltip'
import { Checkbox } from '@/lib/registry/default/ui/checkbox' import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</script> </script>
@ -95,7 +95,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<span class="sr-only">Dashboard</span> <span class="sr-only">Dashboard</span>
</a> </a>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right">Dashboard</TooltipContent> <TooltipContent side="right">
Dashboard
</TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
@ -107,7 +109,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<span class="sr-only">Orders</span> <span class="sr-only">Orders</span>
</a> </a>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right">Orders</TooltipContent> <TooltipContent side="right">
Orders
</TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
@ -119,7 +123,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<span class="sr-only">Products</span> <span class="sr-only">Products</span>
</a> </a>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right">Products</TooltipContent> <TooltipContent side="right">
Products
</TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
@ -131,7 +137,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<span class="sr-only">Customers</span> <span class="sr-only">Customers</span>
</a> </a>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right">Customers</TooltipContent> <TooltipContent side="right">
Customers
</TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
@ -143,7 +151,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<span class="sr-only">Analytics</span> <span class="sr-only">Analytics</span>
</a> </a>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right">Analytics</TooltipContent> <TooltipContent side="right">
Analytics
</TooltipContent>
</Tooltip> </Tooltip>
</nav> </nav>
<nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5"> <nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
@ -157,7 +167,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<span class="sr-only">Settings</span> <span class="sr-only">Settings</span>
</a> </a>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right">Settings</TooltipContent> <TooltipContent side="right">
Settings
</TooltipContent>
</Tooltip> </Tooltip>
</nav> </nav>
</aside> </aside>
@ -279,7 +291,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<Card> <Card>
<CardHeader class="pb-2"> <CardHeader class="pb-2">
<CardDescription>This Week</CardDescription> <CardDescription>This Week</CardDescription>
<CardTitle class="text-4xl">$1329</CardTitle> <CardTitle class="text-4xl">
$1329
</CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div class="text-xs text-muted-foreground"> <div class="text-xs text-muted-foreground">
@ -293,7 +307,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<Card> <Card>
<CardHeader class="pb-2"> <CardHeader class="pb-2">
<CardDescription>This Month</CardDescription> <CardDescription>This Month</CardDescription>
<CardTitle class="text-3xl">$5,329</CardTitle> <CardTitle class="text-3xl">
$5,329
</CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div class="text-xs text-muted-foreground"> <div class="text-xs text-muted-foreground">
@ -305,12 +321,18 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</CardFooter> </CardFooter>
</Card> </Card>
</div> </div>
<Tabs defaultValue="week"> <Tabs default-value="week">
<div class="flex items-center"> <div class="flex items-center">
<TabsList> <TabsList>
<TabsTrigger value="week">Week</TabsTrigger> <TabsTrigger value="week">
<TabsTrigger value="month">Month</TabsTrigger> Week
<TabsTrigger value="year">Year</TabsTrigger> </TabsTrigger>
<TabsTrigger value="month">
Month
</TabsTrigger>
<TabsTrigger value="year">
Year
</TabsTrigger>
</TabsList> </TabsList>
<div class="ml-auto flex items-center gap-2"> <div class="ml-auto flex items-center gap-2">
<DropdownMenu> <DropdownMenu>
@ -325,7 +347,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<DropdownMenuSeparator /> <DropdownMenuSeparator />
<DropdownMenuItem> <DropdownMenuItem>
<div class="items-top flex space-x-2"> <div class="items-top flex space-x-2">
<Checkbox id="terms1"/> <Checkbox id="terms1" />
<label <label
for="terms2" for="terms2"
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
@ -336,7 +358,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem> <DropdownMenuItem>
<div class="items-top flex space-x-2"> <div class="items-top flex space-x-2">
<Checkbox id="terms1"/> <Checkbox id="terms1" />
<label <label
for="terms2" for="terms2"
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
@ -347,7 +369,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem> <DropdownMenuItem>
<div class="items-top flex space-x-2"> <div class="items-top flex space-x-2">
<Checkbox id="terms1"/> <Checkbox id="terms1" />
<label <label
for="terms2" for="terms2"
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
@ -386,13 +408,17 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableHead class="hidden md:table-cell"> <TableHead class="hidden md:table-cell">
Date Date
</TableHead> </TableHead>
<TableHead class="text-right">Amount</TableHead> <TableHead class="text-right">
Amount
</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
<TableRow class="bg-accent"> <TableRow class="bg-accent">
<TableCell> <TableCell>
<div class="font-medium">Liam Johnson</div> <div class="font-medium">
Liam Johnson
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
liam@example.com liam@example.com
</div> </div>
@ -408,11 +434,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-23 2023-06-23
</TableCell> </TableCell>
<TableCell class="text-right">$250.00</TableCell> <TableCell class="text-right">
$250.00
</TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<div class="font-medium">Olivia Smith</div> <div class="font-medium">
Olivia Smith
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
olivia@example.com olivia@example.com
</div> </div>
@ -428,11 +458,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-24 2023-06-24
</TableCell> </TableCell>
<TableCell class="text-right">$150.00</TableCell> <TableCell class="text-right">
$150.00
</TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<div class="font-medium">Noah Williams</div> <div class="font-medium">
Noah Williams
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
noah@example.com noah@example.com
</div> </div>
@ -448,11 +482,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-25 2023-06-25
</TableCell> </TableCell>
<TableCell class="text-right">$350.00</TableCell> <TableCell class="text-right">
$350.00
</TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<div class="font-medium">Emma Brown</div> <div class="font-medium">
Emma Brown
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
emma@example.com emma@example.com
</div> </div>
@ -468,11 +506,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-26 2023-06-26
</TableCell> </TableCell>
<TableCell class="text-right">$450.00</TableCell> <TableCell class="text-right">
$450.00
</TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<div class="font-medium">Liam Johnson</div> <div class="font-medium">
Liam Johnson
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
liam@example.com liam@example.com
</div> </div>
@ -488,11 +530,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-23 2023-06-23
</TableCell> </TableCell>
<TableCell class="text-right">$250.00</TableCell> <TableCell class="text-right">
$250.00
</TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<div class="font-medium">Liam Johnson</div> <div class="font-medium">
Liam Johnson
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
liam@example.com liam@example.com
</div> </div>
@ -508,11 +554,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-23 2023-06-23
</TableCell> </TableCell>
<TableCell class="text-right">$250.00</TableCell> <TableCell class="text-right">
$250.00
</TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<div class="font-medium">Olivia Smith</div> <div class="font-medium">
Olivia Smith
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
olivia@example.com olivia@example.com
</div> </div>
@ -528,11 +578,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-24 2023-06-24
</TableCell> </TableCell>
<TableCell class="text-right">$150.00</TableCell> <TableCell class="text-right">
$150.00
</TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<div class="font-medium">Emma Brown</div> <div class="font-medium">
Emma Brown
</div>
<div class="hidden text-sm text-muted-foreground md:inline"> <div class="hidden text-sm text-muted-foreground md:inline">
emma@example.com emma@example.com
</div> </div>
@ -548,7 +602,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<TableCell class="hidden md:table-cell"> <TableCell class="hidden md:table-cell">
2023-06-26 2023-06-26
</TableCell> </TableCell>
<TableCell class="text-right">$450.00</TableCell> <TableCell class="text-right">
$450.00
</TableCell>
</TableRow> </TableRow>
</TableBody> </TableBody>
</Table> </Table>
@ -599,7 +655,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</CardHeader> </CardHeader>
<CardContent class="p-6 text-sm"> <CardContent class="p-6 text-sm">
<div class="grid gap-3"> <div class="grid gap-3">
<div class="font-semibold">Order Details</div> <div class="font-semibold">
Order Details
</div>
<ul class="grid gap-3"> <ul class="grid gap-3">
<li class="flex items-center justify-between"> <li class="flex items-center justify-between">
<span class="text-muted-foreground"> <span class="text-muted-foreground">
@ -637,7 +695,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<Separator class="my-4" /> <Separator class="my-4" />
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<div class="grid gap-3"> <div class="grid gap-3">
<div class="font-semibold">Shipping Information</div> <div class="font-semibold">
Shipping Information
</div>
<address class="grid gap-0.5 not-italic text-muted-foreground"> <address class="grid gap-0.5 not-italic text-muted-foreground">
<span>Liam Johnson</span> <span>Liam Johnson</span>
<span>1234 Main St.</span> <span>1234 Main St.</span>
@ -645,7 +705,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</address> </address>
</div> </div>
<div class="grid auto-rows-max gap-3"> <div class="grid auto-rows-max gap-3">
<div class="font-semibold">Billing Information</div> <div class="font-semibold">
Billing Information
</div>
<div class="text-muted-foreground"> <div class="text-muted-foreground">
Same as shipping address Same as shipping address
</div> </div>
@ -653,20 +715,28 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</div> </div>
<Separator class="my-4" /> <Separator class="my-4" />
<div class="grid gap-3"> <div class="grid gap-3">
<div class="font-semibold">Customer Information</div> <div class="font-semibold">
Customer Information
</div>
<dl class="grid gap-3"> <dl class="grid gap-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<dt class="text-muted-foreground">Customer</dt> <dt class="text-muted-foreground">
Customer
</dt>
<dd>Liam Johnson</dd> <dd>Liam Johnson</dd>
</div> </div>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<dt class="text-muted-foreground">Email</dt> <dt class="text-muted-foreground">
Email
</dt>
<dd> <dd>
<a href="mailto:">liam@acme.com</a> <a href="mailto:">liam@acme.com</a>
</dd> </dd>
</div> </div>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<dt class="text-muted-foreground">Phone</dt> <dt class="text-muted-foreground">
Phone
</dt>
<dd> <dd>
<a href="tel:">+1 234 567 890</a> <a href="tel:">+1 234 567 890</a>
</dd> </dd>
@ -675,7 +745,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
</div> </div>
<Separator class="my-4" /> <Separator class="my-4" />
<div class="grid gap-3"> <div class="grid gap-3">
<div class="font-semibold">Payment Information</div> <div class="font-semibold">
Payment Information
</div>
<dl class="grid gap-3"> <dl class="grid gap-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<dt class="flex items-center gap-1 text-muted-foreground"> <dt class="flex items-center gap-1 text-muted-foreground">

4
apps/www/src/lib/registry/default/block/Dashboard06.vue
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
export const description = 'A products page.' export const description = 'An products dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. It displays a list of products in a table with actions.'
export const iframeHeight = '780px' export const iframeHeight = '938px'
export const containerClass = 'w-full h-full' export const containerClass = 'w-full h-full'
</script> </script>

4
apps/www/src/lib/registry/default/block/Dashboard07.vue
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
export const description = 'A product details page.' export const description = 'A product edit page. The product edit page has a form to edit the product details, stock, product category, product status, and product images. The product edit page has a sidebar navigation and a main content area. The main content area has a form to edit the product details, stock, product category, product status, and product images. The sidebar navigation has links to product details, stock, product category, product status, and product images.'
export const iframeHeight = '780px' export const iframeHeight = '1200px'
export const containerClass = 'w-full h-full' export const containerClass = 'w-full h-full'
</script> </script>

4
apps/www/src/lib/registry/new-york/block/Dashboard05.vue
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
export const description = 'A order tracking page. The order page has a sidebar navigation and a main content area.' export const description = 'An orders dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. The main area has a list of recent orders with a filter and export button. The main area also has a detailed view of a single order with order details, shipping information, billing information, customer information, and payment information.'
export const iframeHeight = '780px' export const iframeHeight = '1112px'
export const containerClass = 'w-full h-full' export const containerClass = 'w-full h-full'
</script> </script>

4
apps/www/src/lib/registry/new-york/block/Dashboard06.vue
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
export const description = 'A products page.' export const description = 'An products dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. It displays a list of products in a table with actions.'
export const iframeHeight = '780px' export const iframeHeight = '938px'
export const containerClass = 'w-full h-full' export const containerClass = 'w-full h-full'
</script> </script>

4
apps/www/src/lib/registry/new-york/block/Dashboard07.vue
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
export const description = 'A product details page.' export const description = 'A product edit page. The product edit page has a form to edit the product details, stock, product category, product status, and product images. The product edit page has a sidebar navigation and a main content area. The main content area has a form to edit the product details, stock, product category, product status, and product images. The sidebar navigation has links to product details, stock, product category, product status, and product images.'
export const iframeHeight = '780px' export const iframeHeight = '1200px'
export const containerClass = 'w-full h-full' export const containerClass = 'w-full h-full'
</script> </script>