Sakurasan
360c6b33a6
后端 (Go/Gin/GORM): - 配置(viper+env)、SQLite/Postgres 迁移、argon2id、AES-GCM 渠道密钥、JWT+refresh cookie - 用户注册/登录/刷新/登出、API Key CRUD(仅存哈希、明文一次展示) - 代理网关: /v1/chat/completions、/v1/responses、/v1/models 直通 OpenAI 渠道 非流式+流式(SSE 零缓冲转发), 用量捕获(chat 末块/responses completed 嵌套), OpenAI 错误格式(401/402/404/502), 余额检查 - 异步批量记账 + 余额流水 + 日聚合, admin 用户/余额/配置 API - 单测: crypto/jwt/apikey/流式 usage 提取 前端 (Vue3+TS+Vite+Tailwind v4): - taste-skill 设计 tokens: 深色仪表盘, 石墨+信号铜色, Outfit+JetBrains Mono - Landing/登录/注册, 控制台(仪表盘图表/密钥管理/用量明细) - 基础组件 Button/Input/Badge/Modal, ECharts 用量图 部署: docker-compose(nginx+api+postgres), 双 Dockerfile, nginx SSE 反代 联调: scripts/mockupstream 本地 mock 上游, 端到端验证通过
36 lines
1.2 KiB
Vue
36 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
withDefaults(defineProps<{
|
|
label?: string
|
|
type?: string
|
|
placeholder?: string
|
|
modelValue?: string
|
|
error?: string
|
|
hint?: string
|
|
mono?: boolean
|
|
autocomplete?: string
|
|
}>(), { type: 'text', placeholder: '', modelValue: '' })
|
|
|
|
defineEmits<{ (e: 'update:modelValue', v: string): void }>()
|
|
</script>
|
|
|
|
<template>
|
|
<label class="block">
|
|
<span v-if="label" class="mb-1.5 block text-[13px] font-medium text-paper-300">{{ label }}</span>
|
|
<input
|
|
:type="type"
|
|
:value="modelValue"
|
|
:placeholder="placeholder"
|
|
:autocomplete="autocomplete"
|
|
@input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
|
|
class="h-10 w-full rounded-md border bg-ink-900 px-3 text-sm text-paper-100 placeholder:text-paper-600
|
|
transition-colors focus:border-signal-400 focus:outline-none"
|
|
:class="[
|
|
mono ? 'font-mono' : '',
|
|
error ? 'border-ember-500' : 'border-ink-600 hover:border-ink-700',
|
|
]"
|
|
/>
|
|
<span v-if="error" class="mt-1 block text-xs text-ember-400">{{ error }}</span>
|
|
<span v-else-if="hint" class="mt-1 block text-xs text-paper-600">{{ hint }}</span>
|
|
</label>
|
|
</template>
|