mirror of
https://github.com/fawney19/Aether.git
synced 2026-10-07 18:07:47 +08:00
elky
a90d564931
Restore authorized rule reveal, explicit full HTTP capture and retention, video task business fields, and valid payment URLs. Add opt-in credential preservation for trusted recovery, fix frontend type contracts and async races, and eliminate PostgreSQL test fixture resource leaks. Document audit coverage and successful fmt and CI-scoped Clippy checks.
63 lines
1.9 KiB
Vue
63 lines
1.9 KiB
Vue
<template>
|
|
<button
|
|
:type="props.type"
|
|
:class="buttonClass"
|
|
:disabled="disabled"
|
|
v-bind="$attrs"
|
|
>
|
|
<slot />
|
|
</button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { ClassValue } from 'clsx'
|
|
import { computed } from 'vue'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
interface Props {
|
|
variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'
|
|
size?: 'default' | 'sm' | 'lg' | 'icon'
|
|
disabled?: boolean
|
|
class?: ClassValue
|
|
type?: 'button' | 'submit' | 'reset'
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
variant: 'default',
|
|
size: 'default',
|
|
disabled: false,
|
|
class: undefined,
|
|
type: 'button'
|
|
})
|
|
|
|
const buttonClass = computed(() => {
|
|
const baseClass =
|
|
'inline-flex min-w-0 max-w-full items-center justify-center rounded-xl text-sm font-semibold leading-5 [overflow-wrap:anywhere] [&_svg]:shrink-0 transition-all duration-200 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98]'
|
|
|
|
const variantClasses = {
|
|
default: 'bg-primary text-white hover:bg-primary/90',
|
|
destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/85',
|
|
outline:
|
|
'border border-border/60 bg-card/60 text-foreground hover:border-primary/60 hover:text-primary hover:bg-primary/10 backdrop-blur transition-all',
|
|
secondary:
|
|
'bg-secondary text-secondary-foreground shadow-inner hover:bg-secondary/80',
|
|
ghost: 'hover:bg-accent hover:text-accent-foreground',
|
|
link: 'text-primary underline-offset-4 hover:underline',
|
|
}
|
|
|
|
const sizeClasses = {
|
|
default: 'h-11 px-5',
|
|
sm: 'h-9 rounded-lg px-3',
|
|
lg: 'h-12 rounded-xl px-8 text-base',
|
|
icon: 'h-11 w-11 shrink-0 rounded-2xl',
|
|
}
|
|
|
|
return cn(
|
|
baseClass,
|
|
variantClasses[props.variant],
|
|
sizeClasses[props.size],
|
|
props.class
|
|
)
|
|
})
|
|
</script>
|