55f2e020b5
* Add dark/light theme toggle feature * update: refine dark/light theme and related components * 调整语义化主题变量，优化暗/亮模式切换效果 * Revert "调整语义化主题变量，优化暗/亮模式切换效果" This reverts commit 85d9373297686fdbacb252a880b2847d20a39641. * 深色模式适配：减少 !important，迁移 CSS 变量，优化布局 * style: 替换硬编码颜色值为CSS变量以支持主题切换 将多处硬编码的颜色值（如#fff、#f0f0f0等）替换为CSS变量（如--gray-0、--gray-150等），统一管理颜色样式，便于主题切换和样式维护。主要修改包括背景色、边框色、文字色等视觉元素，同时移除不再需要的深色模式适配代码。 * style: 使用CSS变量替换硬编码颜色值 * refactor(theme): 重构主题系统，统一使用CSS变量并优化暗色模式实现 - 移除冗余的theme.js配置文件，将主题配置集中到theme store - 使用ant-design-vue的darkAlgorithm实现暗色模式 - 在多个组件中替换硬编码颜色值为CSS变量 - 优化用户信息组件，整合文档中心和主题切换功能 - 更新基础CSS样式，完善颜色系统和滚动条样式 * reset: 恢复被覆盖的修改（96d257a7ace38c94e2b113d56472d211d1141087） * feat(theme): 实现深色主题支持并重构样式系统 重构颜色变量系统，添加深色主题支持 移除硬编码颜色值，统一使用CSS变量 优化图表组件以响应主题切换 清理无用样式代码，提升可维护性 * docs: 更新开发规范文档 * style: 调整边框和背景颜色样式 --------- Co-authored-by: Wenjie Zhang <xerrors@163.com>
68 lines
2.0 KiB
Vue
68 lines
2.0 KiB
Vue
<template>
|
||
<div class="chunk-params-config">
|
||
<div class="params-info">
|
||
<p>调整分块参数可以控制文本的切分方式，影响检索质量和文档加载效率。</p>
|
||
</div>
|
||
<a-form
|
||
:model="tempChunkParams"
|
||
name="chunkConfig"
|
||
autocomplete="off"
|
||
layout="vertical"
|
||
>
|
||
<a-form-item label="Chunk Size" name="chunk_size">
|
||
<a-input-number v-model:value="tempChunkParams.chunk_size" :min="100" :max="10000" style="width: 100%;" />
|
||
<p class="param-description">每个文本片段的最大字符数</p>
|
||
</a-form-item>
|
||
<a-form-item label="Chunk Overlap" name="chunk_overlap">
|
||
<a-input-number v-model:value="tempChunkParams.chunk_overlap" :min="0" :max="1000" style="width: 100%;" />
|
||
<p class="param-description">相邻文本片段间的重叠字符数</p>
|
||
</a-form-item>
|
||
<a-form-item v-if="showQaSplit" label="QA分割模式" name="use_qa_split">
|
||
<a-switch v-model:checked="tempChunkParams.use_qa_split" />
|
||
<p class="param-description">启用后将按QA对分割，忽略上述chunk大小设置</p>
|
||
</a-form-item>
|
||
<a-form-item v-if="tempChunkParams?.use_qa_split && showQaSplit" label="QA分隔符" name="qa_separator">
|
||
<a-input v-model:value="tempChunkParams.qa_separator" placeholder="输入QA分隔符" style="width: 100%;" />
|
||
<p class="param-description">用于分割不同QA对的分隔符</p>
|
||
</a-form-item>
|
||
</a-form>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
|
||
defineProps({
|
||
tempChunkParams: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
showQaSplit: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
});
|
||
</script>
|
||
|
||
<style scoped>
|
||
.chunk-params-config {
|
||
width: 100%;
|
||
}
|
||
|
||
.params-info {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.params-info p {
|
||
margin: 0;
|
||
color: var(--gray-500);
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.param-description {
|
||
font-size: 12px;
|
||
color: var(--gray-400);
|
||
margin: 4px 0 0 0;
|
||
line-height: 1.4;
|
||
}
|
||
</style> |