+
{selectedModel.billingMode === 'per-request'
? t('按次计费')
- : t('按量计费')}
+ : selectedModel.billingMode === 'tiered_expr'
+ ? getExprModeLabel(selectedModel)
+ : t('按量计费')}
) : null
}
@@ -381,10 +414,11 @@ export default function ModelPricingEditor({
>
{t('按量计费')}
{t('按次计费')}
+ {t('表达式/阶梯计费')}
{t(
- '这个界面默认按价格填写，保存时会自动换算回后端需要的倍率 JSON。',
+ '普通按量/按次直接填价格就行；如果价格要跟请求参数或请求头联动，请切到表达式/阶梯计费。',
)}
@@ -415,6 +449,14 @@ export default function ModelPricingEditor({
onChange={(value) => handleNumericFieldChange('fixedPrice', value)}
extraText={t('适合 MJ / 任务类等按次收费模型。')}
/>
+ ) : selectedModel.billingMode === 'tiered_expr' ? (
+
) : (
<>
.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+ Banner,
+ Button,
+ Card,
+ Collapsible,
+ Input,
+ InputNumber,
+ Radio,
+ RadioGroup,
+ Select,
+ Tag,
+ TextArea,
+ Typography,
+} from '@douyinfe/semi-ui';
+import { IconDelete, IconPlus } from '@douyinfe/semi-icons';
+import { renderQuota } from '../../../../helpers/render';
+import {
+ createEmptyCondition,
+ createEmptyTimeCondition,
+ createEmptyRuleGroup,
+ createEmptyTimeRuleGroup,
+ getRequestRuleMatchOptions,
+ normalizeCondition,
+ tryParseRequestRuleExpr,
+ buildRequestRuleExpr,
+ combineBillingExpr,
+ splitBillingExprAndRequestRules,
+ MATCH_EQ,
+ MATCH_EXISTS,
+ MATCH_CONTAINS,
+ MATCH_RANGE,
+ SOURCE_HEADER,
+ SOURCE_PARAM,
+ SOURCE_TIME,
+ TIME_FUNCS,
+ COMMON_TIMEZONES,
+} from './requestRuleExpr';
+
+const { Text } = Typography;
+
+const PRICE_SUFFIX = '$/1M tokens';
+
+function unitCostToPrice(uc) {
+ return (Number(uc) || 0) * 2;
+}
+function priceToUnitCost(price) {
+ return (Number(price) || 0) / 2;
+}
+
+const OPS = ['<', '<=', '>', '>='];
+const VAR_OPTIONS = [
+ { value: 'p', label: 'p (输入)' },
+ { value: 'c', label: 'c (输出)' },
+];
+
+const CACHE_MODE_TIMED = 'timed';
+const CACHE_MODE_GENERIC = 'generic';
+
+function formatTokenHint(n) {
+ if (n == null || n === '' || Number.isNaN(Number(n))) return '';
+ const v = Number(n);
+ if (v === 0) return '= 0';
+ if (v >= 1000000) return `= ${(v / 1000000).toLocaleString()}M tokens`;
+ if (v >= 1000) return `= ${(v / 1000).toLocaleString()}K tokens`;
+ return `= ${v.toLocaleString()} tokens`;
+}
+
+// ---------------------------------------------------------------------------
+// Expr generation from visual config (multi-condition)
+// ---------------------------------------------------------------------------
+
+function buildConditionStr(conditions) {
+ if (!conditions || conditions.length === 0) return '';
+ return conditions
+ .filter((c) => c.var && c.op && c.value != null && c.value !== '')
+ .map((c) => `${c.var} ${c.op} ${c.value}`)
+ .join(' && ');
+}
+
+// CACHE_VAR_MAP maps tier data fields to Expr variable names
+const CACHE_VAR_MAP = [
+ { field: 'cache_read_unit_cost', exprVar: 'cr' },
+ { field: 'cache_create_unit_cost', exprVar: 'cc' },
+ { field: 'cache_create_1h_unit_cost', exprVar: 'cc1h' },
+];
+
+function getTierCacheMode(tier) {
+ if (tier?.cache_mode === CACHE_MODE_TIMED) {
+ return CACHE_MODE_TIMED;
+ }
+ if (tier?.cache_mode === CACHE_MODE_GENERIC) {
+ return CACHE_MODE_GENERIC;
+ }
+ return Number(tier?.cache_create_1h_unit_cost) > 0
+ ? CACHE_MODE_TIMED
+ : CACHE_MODE_GENERIC;
+}
+
+function normalizeVisualTier(tier = {}) {
+ return {
+ ...tier,
+ conditions: Array.isArray(tier.conditions) ? tier.conditions : [],
+ cache_mode: getTierCacheMode(tier),
+ };
+}
+
+function createDefaultVisualConfig() {
+ return {
+ tiers: [
+ normalizeVisualTier({
+ conditions: [],
+ input_unit_cost: 0,
+ output_unit_cost: 0,
+ label: '默认',
+ cache_mode: CACHE_MODE_GENERIC,
+ }),
+ ],
+ };
+}
+
+function normalizeVisualConfig(config) {
+ if (!config || !Array.isArray(config.tiers) || config.tiers.length === 0) {
+ return createDefaultVisualConfig();
+ }
+ return {
+ ...config,
+ tiers: config.tiers.map((tier) => normalizeVisualTier(tier)),
+ };
+}
+
+function buildTierBodyExpr(tier) {
+ const parts = [];
+ const ic = Number(tier.input_unit_cost) || 0;
+ const oc = Number(tier.output_unit_cost) || 0;
+ parts.push(`p * ${ic}`);
+ parts.push(`c * ${oc}`);
+ for (const cv of CACHE_VAR_MAP) {
+ const v = Number(tier[cv.field]) || 0;
+ if (v !== 0) parts.push(`${cv.exprVar} * ${v}`);
+ }
+ return parts.join(' + ');
+}
+
+function generateExprFromVisualConfig(config) {
+ if (!config || !config.tiers || config.tiers.length === 0)
+ return 'p * 0 + c * 0';
+ const tiers = config.tiers;
+
+ if (tiers.length === 1) {
+ const t = tiers[0];
+ const label = t.label || 'default';
+ return `tier("${label}", ${buildTierBodyExpr(t)})`;
+ }
+
+ const parts = [];
+ for (let i = 0; i < tiers.length; i++) {
+ const t = tiers[i];
+ const label = t.label || `第${i + 1}档`;
+ const body = `tier("${label}", ${buildTierBodyExpr(t)})`;
+ const cond = buildConditionStr(t.conditions);
+
+ if (i < tiers.length - 1 && cond) {
+ parts.push(`${cond} ? ${body}`);
+ } else {
+ parts.push(body);
+ }
+ }
+ return parts.join(' : ');
+}
+
+// ---------------------------------------------------------------------------
+// Reverse-parse an Expr string back into visual config
+// ---------------------------------------------------------------------------
+
+function tryParseVisualConfig(exprStr) {
+ if (!exprStr) return null;
+ try {
+ const cacheVarNames = CACHE_VAR_MAP.map((cv) => cv.exprVar);
+ const optCacheStr = cacheVarNames
+ .map((v) => `(?:\\s*\\+\\s*${v}\\s*\\*\\s*([\\d.eE+-]+))?`)
+ .join('');
+
+ // Body pattern: p * X + c * Y [+ cr * A] [+ cc * B] [+ cc1h * C]
+ const bodyPat = `p\\s*\\*\\s*([\\d.eE+-]+)\\s*\\+\\s*c\\s*\\*\\s*([\\d.eE+-]+)${optCacheStr}`;
+
+ // Single-tier: tier("label", body)
+ const singleRe = new RegExp(`^tier\\("([^"]*)",\\s*${bodyPat}\\)$`);
+ const simple = exprStr.match(singleRe);
+ if (simple) {
+ const tier = {
+ conditions: [],
+ input_unit_cost: Number(simple[2]),
+ output_unit_cost: Number(simple[3]),
+ label: simple[1],
+ };
+ CACHE_VAR_MAP.forEach((cv, i) => {
+ const val = simple[4 + i];
+ if (val != null) tier[cv.field] = Number(val);
+ });
+ return normalizeVisualConfig({ tiers: [normalizeVisualTier(tier)] });
+ }
+
+ // Multi-tier: cond1 ? tier(body) : cond2 ? tier(body) : tier(body)
+ const condGroup = `((?:(?:p|c)\\s*(?:<|<=|>|>=)\\s*[\\d.eE+]+)(?:\\s*&&\\s*(?:p|c)\\s*(?:<|<=|>|>=)\\s*[\\d.eE+]+)*)`;
+ const tierRe = new RegExp(
+ `(?:${condGroup}\\s*\\?\\s*)?tier\\("([^"]*)",\\s*${bodyPat}\\)`,
+ 'g',
+ );
+ const tiers = [];
+ let match;
+ while ((match = tierRe.exec(exprStr)) !== null) {
+ const condStr = match[1] || '';
+ const conditions = [];
+ if (condStr) {
+ const condParts = condStr.split(/\s*&&\s*/);
+ for (const cp of condParts) {
+ const cm = cp.trim().match(/^(p|c)\s*(<|<=|>|>=)\s*([\d.eE+]+)$/);
+ if (cm) {
+ conditions.push({ var: cm[1], op: cm[2], value: Number(cm[3]) });
+ }
+ }
+ }
+ const tier = {
+ conditions,
+ input_unit_cost: Number(match[3]),
+ output_unit_cost: Number(match[4]),
+ label: match[2],
+ };
+ CACHE_VAR_MAP.forEach((cv, i) => {
+ const val = match[5 + i];
+ if (val != null) tier[cv.field] = Number(val);
+ });
+ tiers.push(normalizeVisualTier(tier));
+ }
+ if (tiers.length === 0) return null;
+
+ const cfg = normalizeVisualConfig({ tiers });
+ const regenerated = generateExprFromVisualConfig(cfg);
+ if (regenerated.replace(/\s+/g, '') !== exprStr.replace(/\s+/g, ''))
+ return null;
+ return cfg;
+ } catch {
+ return null;
+ }
+}
+
+// ---------------------------------------------------------------------------
+// Condition editor row
+// ---------------------------------------------------------------------------
+
+function ConditionRow({ cond, onChange, onRemove, t }) {
+ const hint = formatTokenHint(cond.value);
+ return (
+
+
+
+
+ onChange({ ...cond, value: val })}
+ style={{ flex: 1, minWidth: 100 }}
+ />
+ }
+ type='danger'
+ theme='borderless'
+ size='small'
+ onClick={onRemove}
+ />
+
+ {hint ? (
+
+ {hint}
+
+ ) : null}
+
+
+
+
+
+ {t('这些价格都是可选项，不填也可以。')}
+
+
+
+ {t('通用缓存')}
+ {t('分时缓存 (Claude)')}
+
+
+
+ {activeFields.map((cf) => (
+
+
+ {t(cf.labelKey)}
+
+
+
+ ))}
+
+
+
+
+
+
+ {t('第 {{n}} 档', { n: index + 1 })}
+
+ {isLast && !isOnly ? (
+
+ {t('兜底档')}
+
+ ) : null}
+
+ {!isOnly ? (
+
}
+ type='danger'
+ theme='borderless'
+ size='small'
+ onClick={() => onRemove(index)}
+ />
+ ) : null}
+
+
+ {/* Tier label */}
+
+
+ {t('档位名称')}
+
+ onUpdate(index, 'label', val)}
+ style={{ width: '100%', marginTop: 2 }}
+ />
+
+
+ {/* Conditions */}
+ {!isLast || isOnly ? (
+
+
+ {t('条件')}
+
+ {conditions.map((cond, ci) => (
+ updateCondition(ci, nc)}
+ onRemove={() => removeCondition(ci)}
+ t={t}
+ />
+ ))}
+ {conditions.length < 2 && (
+ }
+ size='small'
+ theme='borderless'
+ onClick={addCondition}
+ style={{ marginTop: 2 }}
+ >
+ {t('添加条件')}
+
+ )}
+
+ ) : (
+
+
+ {condSummary}
+
+
+ )}
+
+ {/* Prices */}
+
+
+ {/* Extended prices (cache) — collapsible */}
+
+
+
+
+ {tiers.map((tier, index) => (
+
+ ))}
+ }
+ size='small'
+ theme='light'
+ onClick={addTier}
+ style={{ marginTop: 4 }}
+ >
+ {t('添加更多档位')}
+
+
+ );
+}
+
+// ---------------------------------------------------------------------------
+// Raw Expr editor with preset templates
+// ---------------------------------------------------------------------------
+
+const PRESETS = [
+ {
+ key: 'claude-opus',
+ label: 'Claude Opus 4.6',
+ expr: 'tier("default", p * 2.5 + c * 12.5 + cr * 0.25 + cc * 3.125 + cc1h * 5)',
+ },
+ {
+ key: 'claude-opus-fast',
+ label: 'Claude Opus 4.6 Fast',
+ expr: 'tier("default", p * 2.5 + c * 12.5 + cr * 0.25 + cc * 3.125 + cc1h * 5)',
+ requestRules: [
+ { conditions: [{ source: SOURCE_HEADER, path: 'anthropic-beta', mode: MATCH_CONTAINS, value: 'fast-mode-2026-02-01' }], multiplier: '6' },
+ ],
+ },
+ {
+ key: 'claude-sonnet',
+ label: 'Claude Sonnet 4.5',
+ expr: 'p <= 200000 ? tier("standard", p * 1.5 + c * 7.5 + cr * 0.15 + cc * 1.875 + cc1h * 3) : tier("long_context", p * 3 + c * 11.25 + cr * 0.3 + cc * 3.75 + cc1h * 6)',
+ },
+ {
+ key: 'glm-4.5-air',
+ label: 'GLM-4.5-Air',
+ expr: 'p < 32000 && c < 200 ? tier("short_output", p * 0.4 + c * 1 + cr * 0.08) : p < 32000 && c >= 200 ? tier("long_output", p * 0.4 + c * 3 + cr * 0.08) : tier("mid_context", p * 0.6 + c * 4 + cr * 0.12)',
+ },
+ {
+ key: 'gpt-5.4-fast',
+ label: 'GPT-5.4 Fast',
+ expr: 'tier("default", p * 1.25 + c * 5 + cr * 0.125)',
+ requestRules: [
+ { conditions: [{ source: SOURCE_PARAM, path: 'service_tier', mode: MATCH_EQ, value: 'fast' }], multiplier: '2' },
+ ],
+ },
+ {
+ key: 'flat',
+ label: 'Flat',
+ expr: 'tier("default", p * 1 + c * 2)',
+ },
+ {
+ key: 'night-discount',
+ label: '夜间半价',
+ expr: 'tier("default", p * 1.5 + c * 7.5)',
+ requestRules: [
+ { conditions: [{ source: SOURCE_TIME, timeFunc: 'hour', timezone: 'Asia/Shanghai', mode: MATCH_RANGE, rangeStart: '21', rangeEnd: '6' }], multiplier: '0.5' },
+ ],
+ },
+ {
+ key: 'weekend-discount',
+ label: '周末8折',
+ expr: 'tier("default", p * 1.5 + c * 7.5)',
+ requestRules: [
+ { conditions: [{ source: SOURCE_TIME, timeFunc: 'weekday', timezone: 'Asia/Shanghai', mode: MATCH_EQ, value: '0' }], multiplier: '0.8' },
+ { conditions: [{ source: SOURCE_TIME, timeFunc: 'weekday', timezone: 'Asia/Shanghai', mode: MATCH_EQ, value: '6' }], multiplier: '0.8' },
+ ],
+ },
+ {
+ key: 'new-year-promo',
+ label: '新年促销',
+ expr: 'tier("default", p * 1.5 + c * 7.5)',
+ requestRules: [
+ { conditions: [
+ { source: SOURCE_TIME, timeFunc: 'month', timezone: 'Asia/Shanghai', mode: MATCH_EQ, value: '1' },
+ { source: SOURCE_TIME, timeFunc: 'day', timezone: 'Asia/Shanghai', mode: MATCH_EQ, value: '1' },
+ ], multiplier: '0.5' },
+ ],
+ },
+];
+
+function RawExprEditor({ exprString, onChange, t }) {
+ return (
+
+
+
+ {t('变量')}: p ({t('输入 Token')}), c (
+ {t('输出 Token')}), cr ({t('缓存读取')}),{' '}
+ cc ({t('缓存创建')}),{' '}
+ cc1h ({t('缓存创建-1小时')})
+
+
+ {t('函数')}: tier(name, value),{' '}
+ max(a, b), min(a, b),{' '}
+ ceil(x), floor(x),{' '}
+ abs(x), header(name),{' '}
+ param(path), has(source, text)
+
+
+ {t('也支持更好懂的别名')}: prompt_tokens,{' '}
+ completion_tokens, cache_read_tokens,{' '}
+ cache_create_tokens,{' '}
+ cache_create_1h_tokens
+
+
+ {CACHE_ESTIMATOR_FIELDS.map((cf) => (
+
+
+ {t(cf.labelKey)}
+
+ setters[cf.stateKey](val ?? 0)}
+ style={{ width: '100%' }}
+ />
+
+ ))}
+
+
+ {hint && (
+
+ {t(hint)}
+
+ )}
+
+ {sourceSelect}
+ onChange({ ...normalized, path: value })}
+ style={{ flex: 1, minWidth: 120 }}
+ />
+
+ onChange({ ...normalized, value })}
+ style={{ flex: 1, minWidth: 80 }}
+ />
+ {removeBtn}
+
+ );
+}
+
+function RuleGroupCard({ group, index, onChange, onRemove, t }) {
+ const conditions = group.conditions || [];
+
+ const updateCondition = (ci, newCond) => {
+ const next = conditions.map((c, i) => (i === ci ? newCond : c));
+ onChange({ ...group, conditions: next });
+ };
+ const removeCondition = (ci) => {
+ const next = conditions.filter((_, i) => i !== ci);
+ onChange({ ...group, conditions: next.length > 0 ? next : [createEmptyCondition()] });
+ };
+ const addCondition = (cond) => {
+ onChange({ ...group, conditions: [...conditions, cond] });
+ };
+
+ return (
+
+
+
+ {t('第 {{n}} 组', { n: index + 1 })}
+
+ } type='danger' theme='borderless' size='small' onClick={onRemove} />
+
+
+
+
+ {t('条件')}{conditions.length > 1 ? ` (${t('同时满足')})` : ''}
+
+ {conditions.map((cond, ci) => (
+
updateCondition(ci, nc)}
+ onRemove={() => removeCondition(ci)}
+ t={t}
+ />
+ ))}
+
+ } size='small' theme='borderless' onClick={() => addCondition(createEmptyCondition())}>
+ {t('添加条件')}
+
+ } size='small' theme='borderless' onClick={() => addCondition(createEmptyTimeCondition())}>
+ {t('添加时间条件')}
+
+
+
+
+
+
+ {t('倍率')}
+
+ onChange({ ...group, multiplier: value })}
+ style={{ width: 160 }}
+ />
+
+
+
+
+ {t('可视化编辑')}
+ {t('表达式编辑')}
+
+
+
+
+
+ {t('预设模板')}:
+
+ {PRESETS.map((p) => (
+
+ ))}
+
+
+
+ {editorMode === 'visual' ? (
+
+ ) : (
+
+ )}
+
+ {editorMode === 'visual' && (
+ <>
+
+
+ {t('请求条件调价')}
+
+
+ {t('满足条件时，整单价格乘以 X；如果有多条同时命中，会继续相乘。')}
+
+
+
+ {t('X 也可以小于 1，当折扣用。想做"只给输出加价"或"额外加固定费用"，请直接写完整计费公式。')}
+
+
+
+
+
+ {t('Token 估算器')}
+
+ {t('输入 Token 数量，查看按当前配置的预计费用（不含分组倍率）。')}
+
+
+
+
+ {t('输入 Token 数')} (p)
+
+ setPromptTokens(val ?? 0)}
+ style={{ width: '100%' }}
+ />
+
+
+
+ {t('输出 Token 数')} (c)
+
+ setCompletionTokens(val ?? 0)}
+ style={{ width: '100%' }}
+ />
+
+
+ {evalResult.error ? (
+
+ {t('表达式错误')}: {evalResult.error}
+
+ ) : (
+
+
+
+ {t('预计费用')}：{renderQuota(evalResult.cost, 4)}
+
+ {evalResult.matchedTier && (
+
+ {t('命中档位')}：{evalResult.matchedTier}
+
+ )}
+
+
+ {t('原始额度')}：{evalResult.cost.toLocaleString()}
+
+
+ )}
+
+
+