b3d15c5f57
- 修复 DataBaseView.vue 中的标签闭合问题 - 在 mineru 解析器中添加空行提高可读性 - 更新 roadmap.md 文档内容 - 优化 AiTextarea.vue 组件样式和图标
117 lines
2.4 KiB
Vue
117 lines
2.4 KiB
Vue
<template>
|
|
<div class="ai-textarea-wrapper">
|
|
<a-textarea
|
|
:value="modelValue"
|
|
@update:value="$emit('update:modelValue', $event)"
|
|
:placeholder="placeholder"
|
|
:rows="rows"
|
|
:auto-size="autoSize"
|
|
/>
|
|
<a-tooltip v-if="name" title="使用 AI 生成或优化描述">
|
|
<a-button
|
|
class="ai-btn"
|
|
type="text"
|
|
size="small"
|
|
:loading="loading"
|
|
@click="generateDescription"
|
|
>
|
|
<template #icon>
|
|
<Sparkles size="14" />
|
|
</template>
|
|
<span v-if="!loading" class="ai-text">润色</span>
|
|
</a-button>
|
|
</a-tooltip>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
import { message } from 'ant-design-vue'
|
|
import { databaseApi } from '@/apis/knowledge_api'
|
|
import { Sparkles } from 'lucide-vue-next'
|
|
|
|
const props = defineProps({
|
|
modelValue: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
name: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
placeholder: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
rows: {
|
|
type: Number,
|
|
default: 4
|
|
},
|
|
autoSize: {
|
|
type: [Boolean, Object],
|
|
default: false
|
|
}
|
|
})
|
|
|
|
const emit = defineEmits(['update:modelValue'])
|
|
|
|
const loading = ref(false)
|
|
|
|
const generateDescription = async () => {
|
|
if (!props.name?.trim()) {
|
|
message.warning('请先输入知识库名称')
|
|
return
|
|
}
|
|
|
|
loading.value = true
|
|
try {
|
|
const result = await databaseApi.generateDescription(props.name, props.modelValue)
|
|
if (result.status === 'success' && result.description) {
|
|
emit('update:modelValue', result.description)
|
|
message.success('描述生成成功')
|
|
} else {
|
|
message.error(result.message || '生成失败')
|
|
}
|
|
} catch (error) {
|
|
console.error('生成描述失败:', error)
|
|
message.error(error.message || '生成描述失败')
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.ai-textarea-wrapper {
|
|
position: relative;
|
|
|
|
.ai-btn {
|
|
position: absolute;
|
|
opacity: 0.9;
|
|
top: 4px;
|
|
right: 4px;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 2px;
|
|
padding: 2px 6px;
|
|
height: 24px;
|
|
color: var(--main-color);
|
|
background: var(--gray-50);
|
|
border: 1px solid var(--gray-200);
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
transition: all 0.2s ease;
|
|
|
|
&:hover {
|
|
background: var(--main-10);
|
|
border-color: var(--main-color);
|
|
}
|
|
|
|
.ai-text {
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
</style>
|