mirror of
https://github.com/fawney19/Aether.git
synced 2026-01-03 08:12:26 +08:00
9d5c84f9d3
- Add fixed_order and cache_affinity scheduling modes to CacheAwareScheduler - Only apply cache affinity in cache_affinity mode; use fixed order otherwise - Simplify Dialog components with title/description props - Remove unnecessary button shadows in SystemSettings - Optimize import dialog UI structure - Update ModelAliasesTab shadow styling - Fix fallback orchestrator type hints - Add scheduling_mode configuration in system config
62 lines
1.8 KiB
Vue
62 lines
1.8 KiB
Vue
<template>
|
|
<button
|
|
:type="props.type"
|
|
:class="buttonClass"
|
|
:disabled="disabled"
|
|
v-bind="$attrs"
|
|
>
|
|
<slot />
|
|
</button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
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?: string
|
|
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 items-center justify-center rounded-xl text-sm font-semibold 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 rounded-2xl',
|
|
}
|
|
|
|
return cn(
|
|
baseClass,
|
|
variantClasses[props.variant],
|
|
sizeClasses[props.size],
|
|
props.class
|
|
)
|
|
})
|
|
</script>
|