Initial commit: 网络验证平台

2026-04-27 17:22:56 +08:00
commit afe67d704e
780 changed files with 88960 additions and 0 deletions
@@ -0,0 +1,39 @@
+<script lang="ts" setup>
+import type { HTMLAttributes } from 'vue'
+
+import { cn } from '@/lib/utils'
+
+import type { InlineTipVariants } from '.'
+
+import { inlineTipVariants } from '.'
+
+interface Props {
+  label: string
+  variant?: InlineTipVariants['variant']
+  class?: HTMLAttributes['class']
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'info',
+})
+</script>
+
+<template>
+  <div
+    :class="cn(
+      'bg-secondary text-secondary-foreground text-sm inline-grid grid-cols-[4px_1fr] items-start gap-3 rounded-md border p-3',
+      props.class,
+    )"
+  >
+    <div
+      :class="cn(
+        'h-full w-1 rounded-full',
+        inlineTipVariants({ variant: props.variant }))"
+    />
+
+    <div class="text-muted-foreground">
+      <strong class="text-sm font-semibold text-foreground mr-2">{{ props.label }}:</strong>
+      <slot />
+    </div>
+  </div>
+</template>
@@ -0,0 +1,24 @@
+import type { VariantProps } from 'class-variance-authority'
+
+import { cva } from 'class-variance-authority'
+
+export { default as InlineTip } from './InlineTip.vue'
+
+export const inlineTipVariants = cva(
+  '',
+  {
+    variants: {
+      variant: {
+        info: 'bg-stone-400 dark:bg-stone-600',
+        warning: 'bg-yellow-400 dark:bg-yellow-600',
+        success: 'bg-green-400 dark:bg-green-600',
+        error: 'bg-rose-400 dark:bg-rose-600',
+      },
+    },
+    defaultVariants: {
+      variant: 'info',
+    },
+  },
+)
+
+export type InlineTipVariants = VariantProps<typeof inlineTipVariants>