oadmin/new-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 refactor: Refactor RatioSetting: integrate Group Ratio Settings into tabs

Browse Source 
* Moved `GroupRatioSettings` component inside the existing Tabs as a new **Group Ratios** tab.
* Removed the standalone `Card` that previously wrapped `GroupRatioSettings`.
* Re-formatted JSX props for `ModelRatioSettings` and `GroupRatioSettings` to improve readability.
* Consolidates all ratio-related settings into a single tabbed view for a cleaner and more consistent UI.
This commit is contained in:
t0ng7u
2025-06-21 15:09:48 +08:00
parent d487be0029
commit f7f1be9df2
4 changed files with 230 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/settings/RatioSetting.js
View File

@@ -84,7 +84,16 @@ const RatioSetting = () => {
<Card style={{ marginTop: '10px' }}> <Card style={{ marginTop: '10px' }}>
<Tabs type='card'> <Tabs type='card'>
<Tabs.TabPane tab={t('模型倍率设置')} itemKey='model'> <Tabs.TabPane tab={t('模型倍率设置')} itemKey='model'>
<ModelRatioSettings options={inputs} refresh={onRefresh} /> <ModelRatioSettings
options={inputs}
refresh={onRefresh}
/>
</Tabs.TabPane>
<Tabs.TabPane tab={t('分组倍率设置')} itemKey='group'>
<GroupRatioSettings
options={inputs}
refresh={onRefresh}
/>
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane tab={t('可视化倍率设置')} itemKey='visual'> <Tabs.TabPane tab={t('可视化倍率设置')} itemKey='visual'>
<ModelSettingsVisualEditor <ModelSettingsVisualEditor
@@ -106,10 +115,6 @@ const RatioSetting = () => {
</Tabs.TabPane> </Tabs.TabPane>
</Tabs> </Tabs>
</Card> </Card>
{/* 分组倍率设置 */}
<Card style={{ marginTop: '10px' }}>
<GroupRatioSettings options={inputs} refresh={onRefresh} />
</Card>
</Spin> </Spin>
); );
}; };

2
web/src/i18n/locales/en.json
View File

@@ -1263,7 +1263,7 @@
" 吗？": "?", " 吗？": "?",
"修改子渠道优先级": "Modify sub-channel priority", "修改子渠道优先级": "Modify sub-channel priority",
"确定要修改所有子渠道优先级为 ": "Confirm to modify all sub-channel priorities to ", "确定要修改所有子渠道优先级为 ": "Confirm to modify all sub-channel priorities to ",
"分组设置": "Group settings", "分组倍率设置": "Group ratio settings",
"用户可选分组": "User selectable groups", "用户可选分组": "User selectable groups",
"保存分组倍率设置": "Save group ratio settings", "保存分组倍率设置": "Save group ratio settings",
"模型倍率设置": "Model ratio settings", "模型倍率设置": "Model ratio settings",

242
web/src/pages/Setting/Ratio/GroupRatioSettings.js
View File

@@ -96,133 +96,131 @@ export default function GroupRatioSettings(props) {
getFormApi={(formAPI) => (refForm.current = formAPI)} getFormApi={(formAPI) => (refForm.current = formAPI)}
style={{ marginBottom: 15 }} style={{ marginBottom: 15 }}
> >
<Form.Section text={t('分组设置')}> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('分组倍率')}
label={t('分组倍率')} placeholder={t('为一个 JSON 文本，键为分组名称，值为倍率')}
placeholder={t('为一个 JSON 文本，键为分组名称，值为倍率')} extraText={t(
extraText={t( '分组倍率设置，可以在此处新增分组或修改现有分组的倍率，格式为 JSON 字符串，例如：{"vip": 0.5, "test": 1}，表示 vip 分组的倍率为 0.5，test 分组的倍率为 1',
'分组倍率设置，可以在此处新增分组或修改现有分组的倍率，格式为 JSON 字符串，例如：{"vip": 0.5, "test": 1}，表示 vip 分组的倍率为 0.5，test 分组的倍率为 1', )}
)} field={'GroupRatio'}
field={'GroupRatio'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => verifyJSON(value),
validator: (rule, value) => verifyJSON(value), message: t('不是合法的 JSON 字符串'),
message: t('不是合法的 JSON 字符串'), },
}, ]}
]} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, GroupRatio: value })
setInputs({ ...inputs, GroupRatio: value }) }
} />
/> </Col>
</Col> </Row>
</Row> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('用户可选分组')}
label={t('用户可选分组')} placeholder={t('为一个 JSON 文本，键为分组名称，值为分组描述')}
placeholder={t('为一个 JSON 文本，键为分组名称，值为分组描述')} extraText={t(
extraText={t( '用户新建令牌时可选的分组，格式为 JSON 字符串，例如：{"vip": "VIP 用户", "test": "测试"}，表示用户可以选择 vip 分组和 test 分组',
'用户新建令牌时可选的分组，格式为 JSON 字符串，例如：{"vip": "VIP 用户", "test": "测试"}，表示用户可以选择 vip 分组和 test 分组', )}
)} field={'UserUsableGroups'}
field={'UserUsableGroups'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => verifyJSON(value),
validator: (rule, value) => verifyJSON(value), message: t('不是合法的 JSON 字符串'),
message: t('不是合法的 JSON 字符串'), },
}, ]}
]} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, UserUsableGroups: value })
setInputs({ ...inputs, UserUsableGroups: value }) }
} />
/> </Col>
</Col> </Row>
</Row> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('分组特殊倍率')}
label={t('分组特殊倍率')} placeholder={t('为一个 JSON 文本')}
placeholder={t('为一个 JSON 文本')} extraText={t(
extraText={t( '键为分组名称，值为另一个 JSON 对象，键为分组名称，值为该分组的用户的特殊分组倍率，例如：{"vip": {"default": 0.5, "test": 1}}，表示 vip 分组的用户在使用default分组的令牌时倍率为0.5，使用test分组时倍率为1',
'键为分组名称，值为另一个 JSON 对象，键为分组名称，值为该分组的用户的特殊分组倍率，例如：{"vip": {"default": 0.5, "test": 1}}，表示 vip 分组的用户在使用default分组的令牌时倍率为0.5，使用test分组时倍率为1', )}
)} field={'GroupGroupRatio'}
field={'GroupGroupRatio'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => verifyJSON(value),
validator: (rule, value) => verifyJSON(value), message: t('不是合法的 JSON 字符串'),
message: t('不是合法的 JSON 字符串'), },
}, ]}
]} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, GroupGroupRatio: value })
setInputs({ ...inputs, GroupGroupRatio: value }) }
} />
/> </Col>
</Col> </Row>
</Row> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('自动分组auto，从第一个开始选择')}
label={t('自动分组auto，从第一个开始选择')} placeholder={t('为一个 JSON 文本')}
placeholder={t('为一个 JSON 文本')} field={'AutoGroups'}
field={'AutoGroups'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => {
validator: (rule, value) => { if (!value || value.trim() === '') {
if (!value || value.trim() === '') { return true; // Allow empty values
return true; // Allow empty values }
}
// First check if it's valid JSON // First check if it's valid JSON
try { try {
const parsed = JSON.parse(value); const parsed = JSON.parse(value);
// Check if it's an array // Check if it's an array
if (!Array.isArray(parsed)) { if (!Array.isArray(parsed)) {
return false;
}
// Check if every element is a string
return parsed.every(item => typeof item === 'string');
} catch (error) {
return false; return false;
} }
},
message: t('必须是有效的 JSON 字符串数组，例如：["g1","g2"]'), // Check if every element is a string
return parsed.every(item => typeof item === 'string');
} catch (error) {
return false;
}
}, },
]} message: t('必须是有效的 JSON 字符串数组，例如：["g1","g2"]'),
onChange={(value) => },
setInputs({ ...inputs, AutoGroups: value }) ]}
} onChange={(value) =>
/> setInputs({ ...inputs, AutoGroups: value })
</Col> }
</Row> />
<Row gutter={16}> </Col>
<Col span={16}> </Row>
<Form.Switch <Row gutter={16}>
label={t( <Col span={16}>
'创建令牌默认选择auto分组，初始令牌也将设为auto（否则留空，为用户默认分组）', <Form.Switch
)} label={t(
field={'DefaultUseAutoGroup'} '创建令牌默认选择auto分组，初始令牌也将设为auto（否则留空，为用户默认分组）',
onChange={(value) => )}
setInputs({ ...inputs, DefaultUseAutoGroup: value }) field={'DefaultUseAutoGroup'}
} onChange={(value) =>
/> setInputs({ ...inputs, DefaultUseAutoGroup: value })
</Col> }
</Row> />
</Form.Section> </Col>
</Row>
</Form> </Form>
<Button onClick={onSubmit}>{t('保存分组倍率设置')}</Button> <Button onClick={onSubmit}>{t('保存分组倍率设置')}</Button>
</Spin> </Spin>

200
web/src/pages/Setting/Ratio/ModelRatioSettings.js
View File

@@ -118,107 +118,105 @@ export default function ModelRatioSettings(props) {
getFormApi={(formAPI) => (refForm.current = formAPI)} getFormApi={(formAPI) => (refForm.current = formAPI)}
style={{ marginBottom: 15 }} style={{ marginBottom: 15 }}
> >
<Form.Section> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('模型固定价格')}
label={t('模型固定价格')} extraText={t('一次调用消耗多少刀，优先级大于模型倍率')}
extraText={t('一次调用消耗多少刀，优先级大于模型倍率')} placeholder={t(
placeholder={t( '为一个 JSON 文本，键为模型名称，值为一次调用消耗多少刀，比如 "gpt-4-gizmo-*": 0.1，一次消耗0.1刀',
'为一个 JSON 文本，键为模型名称，值为一次调用消耗多少刀，比如 "gpt-4-gizmo-*": 0.1，一次消耗0.1刀', )}
)} field={'ModelPrice'}
field={'ModelPrice'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => verifyJSON(value),
validator: (rule, value) => verifyJSON(value), message: '不是合法的 JSON 字符串',
message: '不是合法的 JSON 字符串', },
}, ]}
]} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, ModelPrice: value })
setInputs({ ...inputs, ModelPrice: value }) }
} />
/> </Col>
</Col> </Row>
</Row> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('模型倍率')}
label={t('模型倍率')} placeholder={t('为一个 JSON 文本，键为模型名称，值为倍率')}
placeholder={t('为一个 JSON 文本，键为模型名称，值为倍率')} field={'ModelRatio'}
field={'ModelRatio'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => verifyJSON(value),
validator: (rule, value) => verifyJSON(value), message: '不是合法的 JSON 字符串',
message: '不是合法的 JSON 字符串', },
}, ]}
]} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, ModelRatio: value })
setInputs({ ...inputs, ModelRatio: value }) }
} />
/> </Col>
</Col> </Row>
</Row> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('提示缓存倍率')}
label={t('提示缓存倍率')} placeholder={t('为一个 JSON 文本，键为模型名称，值为倍率')}
placeholder={t('为一个 JSON 文本，键为模型名称，值为倍率')} field={'CacheRatio'}
field={'CacheRatio'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => verifyJSON(value),
validator: (rule, value) => verifyJSON(value), message: '不是合法的 JSON 字符串',
message: '不是合法的 JSON 字符串', },
}, ]}
]} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, CacheRatio: value })
setInputs({ ...inputs, CacheRatio: value }) }
} />
/> </Col>
</Col> </Row>
</Row> <Row gutter={16}>
<Row gutter={16}> <Col xs={24} sm={16}>
<Col xs={24} sm={16}> <Form.TextArea
<Form.TextArea label={t('模型补全倍率（仅对自定义模型有效）')}
label={t('模型补全倍率（仅对自定义模型有效）')} extraText={t('仅对自定义模型有效')}
extraText={t('仅对自定义模型有效')} placeholder={t('为一个 JSON 文本，键为模型名称，值为倍率')}
placeholder={t('为一个 JSON 文本，键为模型名称，值为倍率')} field={'CompletionRatio'}
field={'CompletionRatio'} autosize={{ minRows: 6, maxRows: 12 }}
autosize={{ minRows: 6, maxRows: 12 }} trigger='blur'
trigger='blur' stopValidateWithError
stopValidateWithError rules={[
rules={[ {
{ validator: (rule, value) => verifyJSON(value),
validator: (rule, value) => verifyJSON(value), message: '不是合法的 JSON 字符串',
message: '不是合法的 JSON 字符串', },
}, ]}
]} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, CompletionRatio: value })
setInputs({ ...inputs, CompletionRatio: value }) }
} />
/> </Col>
</Col> </Row>
</Row> <Row gutter={16}>
<Row gutter={16}> <Col span={16}>
<Col span={16}> <Form.Switch
<Form.Switch label={t('暴露倍率接口')}
label={t('暴露倍率接口')} field={'ExposeRatioEnabled'}
field={'ExposeRatioEnabled'} onChange={(value) =>
onChange={(value) => setInputs({ ...inputs, ExposeRatioEnabled: value })
setInputs({ ...inputs, ExposeRatioEnabled: value }) }
} />
/> </Col>
</Col> </Row>
</Row>
</Form.Section>
</Form> </Form>
<Space> <Space>
<Button onClick={onSubmit}>{t('保存模型倍率设置')}</Button> <Button onClick={onSubmit}>{t('保存模型倍率设置')}</Button>