123 lines
4.0 KiB
JavaScript
123 lines
4.0 KiB
JavaScript
/*
|
||
Copyright (C) 2025 QuantumNous
|
||
|
||
This program is free software: you can redistribute it and/or modify
|
||
it under the terms of the GNU Affero General Public License as
|
||
published by the Free Software Foundation, either version 3 of the
|
||
License, or (at your option) any later version.
|
||
|
||
This program is distributed in the hope that it will be useful,
|
||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
GNU Affero General Public License for more details.
|
||
|
||
You should have received a copy of the GNU Affero General Public License
|
||
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||
|
||
For commercial licensing, please contact support@quantumnous.com
|
||
*/
|
||
|
||
import React from 'react';
|
||
import { Popover, Tooltip } from '@douyinfe/semi-ui';
|
||
import { IconHelpCircle } from '@douyinfe/semi-icons';
|
||
import {
|
||
formatCommissionRatioPercent,
|
||
renderQuotaFlexible,
|
||
} from '../../helpers';
|
||
|
||
const popupContainer = () =>
|
||
typeof document !== 'undefined' ? document.body : null;
|
||
|
||
/** 利润分成额度列：常态 2 位小数，极低值自动展示至多 6 位；悬停显示完整 6 位精度。 */
|
||
export function renderProfitShareQuotaCell(quota) {
|
||
const q = Number(quota) || 0;
|
||
const main = renderQuotaFlexible(q, 2, 6);
|
||
const exact = renderQuotaFlexible(q, 6, 6);
|
||
if (main === exact) {
|
||
return main;
|
||
}
|
||
return (
|
||
<Tooltip content={exact}>
|
||
<span className='cursor-help border-b border-dotted border-gray-400'>
|
||
{main}
|
||
</span>
|
||
</Tooltip>
|
||
);
|
||
}
|
||
|
||
export function ProfitShareRewardFormulaTooltipContent({ t }) {
|
||
return (
|
||
<div className='w-[360px] max-w-[min(360px,calc(100vw-32px))] text-xs leading-relaxed space-y-1.5 py-0.5'>
|
||
<div className='font-semibold text-[var(--semi-color-text-0)]'>
|
||
{t('利润分成计算公式')}
|
||
</div>
|
||
<div className='text-[var(--semi-color-text-2)]'>
|
||
{t('利润分成计算说明-用户消耗')}
|
||
</div>
|
||
<div className='text-[var(--semi-color-text-2)]'>
|
||
{t('利润分成计算说明-加价折扣')}
|
||
</div>
|
||
<div className='text-[var(--semi-color-text-2)]'>
|
||
{t('利润分成计算说明-加价切片')}
|
||
</div>
|
||
<div className='text-[var(--semi-color-text-2)]'>
|
||
{t('利润分成计算说明-分成比例')}
|
||
</div>
|
||
<div className='text-[var(--semi-color-text-2)]'>
|
||
{t('利润分成计算说明-收益')}
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
/** 「收益额度」列表头：标题旁问号，点击展示计算公式（挂载 body，避免被弹窗裁切）。 */
|
||
export function ProfitShareRewardColumnTitle({ t }) {
|
||
return (
|
||
<div className='inline-flex items-center gap-1'>
|
||
<span>{t('收益额度')}</span>
|
||
<Popover
|
||
content={<ProfitShareRewardFormulaTooltipContent t={t} />}
|
||
position='leftTop'
|
||
trigger='click'
|
||
showArrow
|
||
spacing={12}
|
||
getPopupContainer={popupContainer}
|
||
>
|
||
<IconHelpCircle
|
||
className='text-gray-400 cursor-pointer flex-shrink-0 hover:text-[var(--semi-color-primary)]'
|
||
size='small'
|
||
aria-label={t('利润分成计算公式')}
|
||
/>
|
||
</Popover>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
/** 收益额度单元格：悬停展示本笔代入公式。 */
|
||
export function renderProfitShareRewardCell(row, t) {
|
||
const reward = Number(row?.reward_quota) || 0;
|
||
const slice = Number(row?.markup_slice_quota) || 0;
|
||
const bps = row?.commission_bps;
|
||
const display = renderProfitShareQuotaCell(reward);
|
||
|
||
if (slice > 0 && typeof bps === 'number' && bps > 0) {
|
||
const rate = formatCommissionRatioPercent(bps);
|
||
const formula = t('利润分成单行计算', {
|
||
slice: renderQuotaFlexible(slice, 2, 6),
|
||
rate,
|
||
reward: renderQuotaFlexible(reward, 2, 6),
|
||
});
|
||
return (
|
||
<Tooltip
|
||
content={formula}
|
||
position='left'
|
||
showArrow
|
||
getPopupContainer={popupContainer}
|
||
>
|
||
{display}
|
||
</Tooltip>
|
||
);
|
||
}
|
||
return display;
|
||
}
|