Init Repo

2026-02-28 03:22:04 +08:00
commit de59b57ee7
883 changed files with 156857 additions and 0 deletions
@@ -0,0 +1,90 @@
+<script setup lang="ts">
+import type { Component } from "vue"
+
+import { ChevronsUpDown, Plus } from "lucide-vue-next"
+import { ref } from "vue"
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from '@/components/ui/sidebar'
+
+const props = defineProps<{
+  teams: {
+    name: string
+    logo: Component
+    plan: string
+  }[]
+}>()
+
+const { isMobile } = useSidebar()
+const activeTeam = ref(props.teams[0])
+</script>
+
+<template>
+  <SidebarMenu>
+    <SidebarMenuItem>
+      <DropdownMenu>
+        <DropdownMenuTrigger as-child>
+          <SidebarMenuButton
+            size="lg"
+            class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+          >
+            <div class="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
+              <component :is="activeTeam.logo" class="size-4" />
+            </div>
+            <div class="grid flex-1 text-left text-sm leading-tight">
+              <span class="truncate font-semibold">
+                {{ activeTeam.name }}
+              </span>
+              <span class="truncate text-xs">{{ activeTeam.plan }}</span>
+            </div>
+            <ChevronsUpDown class="ml-auto" />
+          </SidebarMenuButton>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent
+          class="w-[--reka-dropdown-menu-trigger-width] min-w-56 rounded-lg"
+          align="start"
+          :side="isMobile ? 'bottom' : 'right'"
+          :side-offset="4"
+        >
+          <DropdownMenuLabel class="text-xs text-muted-foreground">
+            Teams
+          </DropdownMenuLabel>
+          <DropdownMenuItem
+            v-for="(team, index) in teams"
+            :key="team.name"
+            class="gap-2 p-2"
+            @click="activeTeam = team"
+          >
+            <div class="flex size-6 items-center justify-center rounded-sm border">
+              <component :is="team.logo" class="size-4 shrink-0" />
+            </div>
+            {{ team.name }}
+            <DropdownMenuShortcut>⌘{{ index + 1 }}</DropdownMenuShortcut>
+          </DropdownMenuItem>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem class="gap-2 p-2">
+            <div class="flex size-6 items-center justify-center rounded-md border bg-background">
+              <Plus class="size-4" />
+            </div>
+            <div class="font-medium text-muted-foreground">
+              Add team
+            </div>
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </SidebarMenuItem>
+  </SidebarMenu>
+</template>