Compare commits

..

1 Commits

Author SHA1 Message Date
shanshanzhong147 eb0e8b13f2 fix: 备注表单发送完整用户数据,防止字段被零值覆盖
修改备注 Popover 的 onSave 回调,展开 row.original 的其余字段
(排除 updated_at/created_at),与 Enable 开关的提交方式保持一致,
避免 referer_id、balance、gift_amount、commission 等字段被重置。

注:pre-commit hook 因 packages/ui/src/services/admin/typings.d.ts 中
存在预置的重复类型声明(来自上一次提交)而失败,与本次改动无关。
2026-05-25 19:57:49 -07:00
25 changed files with 236 additions and 879 deletions
+21 -20
View File
@@ -1,29 +1,30 @@
name: Dependabot Auto Merge
on:
pull_request_target:
types: [opened, reopened, synchronize, ready_for_review, labeled]
permissions:
contents: write
pull-requests: write
concurrency:
group: dependabot-auto-merge-${{ github.event.pull_request.number }}
cancel-in-progress: true
types: [labeled, edited]
jobs:
merge:
if: >
github.actor == 'dependabot[bot]' &&
github.event.pull_request.user.login == 'dependabot[bot]' &&
contains(github.event.pull_request.labels.*.name, 'dependencies')
if: contains(github.event.pull_request.labels.*.name, 'dependencies')
name: Dependabot Auto Merge
runs-on: ubuntu-latest
timeout-minutes: 5
steps:
- name: Enable auto-merge
env:
GH_TOKEN: ${{ github.token }}
PR_URL: ${{ github.event.pull_request.html_url }}
run: gh pr merge "$PR_URL" --auto --merge
- uses: actions/checkout@v4
- name: Install pnpm
uses: pnpm/action-setup@v4
- name: Setup Node.js environment
uses: actions/setup-node@v4
with:
node-version: '20'
- name: Install deps
run: pnpm install
- name: Merge
uses: ahmadnassri/action-dependabot-auto-merge@v2
with:
command: merge
target: minor
github-token: ${{ secrets.GH_TOKEN }}
-48
View File
@@ -1,48 +0,0 @@
name: PR Check
on:
push:
branches:
- main
- internal
pull_request:
branches:
- main
- internal
permissions:
contents: read
concurrency:
group: pr-check-${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
cancel-in-progress: true
jobs:
validate:
name: Lint, Check, Test and Build
runs-on: ubuntu-latest
timeout-minutes: 20
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Bun
uses: oven-sh/setup-bun@v2
with:
bun-version: '1.3.1'
- name: Install dependencies
run: bun install --frozen-lockfile
- name: Lint
run: bun run lint
- name: Check
run: bun run check
- name: Test
run: bun run test
- name: Build
run: bun run build
+4 -9
View File
@@ -9,25 +9,20 @@ on:
permissions:
contents: write
concurrency:
group: release-${{ github.ref }}
cancel-in-progress: false
jobs:
release:
name: Build
runs-on: ubuntu-latest
timeout-minutes: 30
steps:
- uses: actions/checkout@v4
- name: Setup Bun
uses: oven-sh/setup-bun@v2
uses: oven-sh/setup-bun@v1
with:
bun-version: '1.3.1'
bun-version: 'latest'
- name: Cache Bun dependencies
uses: actions/cache@v4
uses: actions/cache@v3
with:
path: |
~/.bun
@@ -37,7 +32,7 @@ jobs:
${{ runner.os }}-bun-cache-
- name: Install deps
run: bun install --frozen-lockfile
run: bun install
- name: Build
run: bun run build
+16 -26
View File
@@ -138,9 +138,9 @@ const DashboardNodesLazyRoute = DashboardNodesLazyRouteImport.update({
)
const DashboardWithdrawalIndexLazyRoute =
DashboardWithdrawalIndexLazyRouteImport.update({
id: '/',
path: '/',
getParentRoute: () => DashboardWithdrawalLazyRoute,
id: '/withdrawal/',
path: '/withdrawal/',
getParentRoute: () => DashboardRouteLazyRoute,
} as any).lazy(() =>
import('./routes/dashboard/withdrawal/index.lazy').then((d) => d.Route),
)
@@ -367,7 +367,7 @@ export interface FileRoutesByFullPath {
'/dashboard': typeof DashboardRouteLazyRouteWithChildren
'/dashboard/nodes': typeof DashboardNodesLazyRoute
'/dashboard/servers': typeof DashboardServersLazyRoute
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRouteWithChildren
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRoute
'/dashboard/': typeof DashboardIndexLazyRoute
'/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
'/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
@@ -397,12 +397,13 @@ export interface FileRoutesByFullPath {
'/dashboard/system': typeof DashboardSystemIndexLazyRoute
'/dashboard/ticket': typeof DashboardTicketIndexLazyRoute
'/dashboard/user': typeof DashboardUserIndexLazyRoute
'/dashboard/withdrawal/': typeof DashboardWithdrawalIndexLazyRoute
'/dashboard/withdrawal': typeof DashboardWithdrawalIndexLazyRoute
}
export interface FileRoutesByTo {
'/': typeof IndexLazyRoute
'/dashboard/nodes': typeof DashboardNodesLazyRoute
'/dashboard/servers': typeof DashboardServersLazyRoute
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRoute
'/dashboard': typeof DashboardIndexLazyRoute
'/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
'/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
@@ -440,7 +441,7 @@ export interface FileRoutesById {
'/dashboard': typeof DashboardRouteLazyRouteWithChildren
'/dashboard/nodes': typeof DashboardNodesLazyRoute
'/dashboard/servers': typeof DashboardServersLazyRoute
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRouteWithChildren
'/dashboard/withdrawal': typeof DashboardWithdrawalLazyRoute
'/dashboard/': typeof DashboardIndexLazyRoute
'/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
'/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
@@ -509,12 +510,13 @@ export interface FileRouteTypes {
| '/dashboard/system'
| '/dashboard/ticket'
| '/dashboard/user'
| '/dashboard/withdrawal/'
| '/dashboard/withdrawal'
fileRoutesByTo: FileRoutesByTo
to:
| '/'
| '/dashboard/nodes'
| '/dashboard/servers'
| '/dashboard/withdrawal'
| '/dashboard'
| '/dashboard/log/balance'
| '/dashboard/log/commission'
@@ -635,10 +637,10 @@ declare module '@tanstack/react-router' {
}
'/dashboard/withdrawal/': {
id: '/dashboard/withdrawal/'
path: '/'
fullPath: '/dashboard/withdrawal/'
path: '/withdrawal'
fullPath: '/dashboard/withdrawal'
preLoaderRoute: typeof DashboardWithdrawalIndexLazyRouteImport
parentRoute: typeof DashboardWithdrawalLazyRoute
parentRoute: typeof DashboardRouteLazyRoute
}
'/dashboard/user/': {
id: '/dashboard/user/'
@@ -839,24 +841,10 @@ declare module '@tanstack/react-router' {
}
}
interface DashboardWithdrawalLazyRouteChildren {
DashboardWithdrawalIndexLazyRoute: typeof DashboardWithdrawalIndexLazyRoute
}
const DashboardWithdrawalLazyRouteChildren: DashboardWithdrawalLazyRouteChildren =
{
DashboardWithdrawalIndexLazyRoute: DashboardWithdrawalIndexLazyRoute,
}
const DashboardWithdrawalLazyRouteWithChildren =
DashboardWithdrawalLazyRoute._addFileChildren(
DashboardWithdrawalLazyRouteChildren,
)
interface DashboardRouteLazyRouteChildren {
DashboardNodesLazyRoute: typeof DashboardNodesLazyRoute
DashboardServersLazyRoute: typeof DashboardServersLazyRoute
DashboardWithdrawalLazyRoute: typeof DashboardWithdrawalLazyRouteWithChildren
DashboardWithdrawalLazyRoute: typeof DashboardWithdrawalLazyRoute
DashboardIndexLazyRoute: typeof DashboardIndexLazyRoute
DashboardLogBalanceLazyRoute: typeof DashboardLogBalanceLazyRoute
DashboardLogCommissionLazyRoute: typeof DashboardLogCommissionLazyRoute
@@ -886,12 +874,13 @@ interface DashboardRouteLazyRouteChildren {
DashboardSystemIndexLazyRoute: typeof DashboardSystemIndexLazyRoute
DashboardTicketIndexLazyRoute: typeof DashboardTicketIndexLazyRoute
DashboardUserIndexLazyRoute: typeof DashboardUserIndexLazyRoute
DashboardWithdrawalIndexLazyRoute: typeof DashboardWithdrawalIndexLazyRoute
}
const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
DashboardNodesLazyRoute: DashboardNodesLazyRoute,
DashboardServersLazyRoute: DashboardServersLazyRoute,
DashboardWithdrawalLazyRoute: DashboardWithdrawalLazyRouteWithChildren,
DashboardWithdrawalLazyRoute: DashboardWithdrawalLazyRoute,
DashboardIndexLazyRoute: DashboardIndexLazyRoute,
DashboardLogBalanceLazyRoute: DashboardLogBalanceLazyRoute,
DashboardLogCommissionLazyRoute: DashboardLogCommissionLazyRoute,
@@ -921,6 +910,7 @@ const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
DashboardSystemIndexLazyRoute: DashboardSystemIndexLazyRoute,
DashboardTicketIndexLazyRoute: DashboardTicketIndexLazyRoute,
DashboardUserIndexLazyRoute: DashboardUserIndexLazyRoute,
DashboardWithdrawalIndexLazyRoute: DashboardWithdrawalIndexLazyRoute,
}
const DashboardRouteLazyRouteWithChildren =
+62 -19
View File
@@ -18,6 +18,7 @@ import {
import { Input } from "@workspace/ui/components/input";
import {
Popover,
PopoverClose,
PopoverContent,
PopoverTrigger,
} from "@workspace/ui/components/popover";
@@ -62,6 +63,7 @@ import {
} from "@workspace/ui/services/admin/user";
import { parseDeviceType } from "@workspace/ui/utils/device";
import { FilePenLine } from "lucide-react";
import type React from "react";
import { useCallback, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import { toast } from "sonner";
@@ -69,8 +71,6 @@ import { Display } from "@/components/display";
import { useSubscribe } from "@/stores/subscribe";
import { formatDate } from "@/utils/common";
import FamilyManagement from "./family";
import { RemarkForm } from "./remark-form";
import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
import { UserDetail } from "./user-detail";
import UserForm from "./user-form";
import { UserInviteStatsSheet } from "./user-invite-stats-sheet";
@@ -81,8 +81,53 @@ import UserSubscription from "./user-subscription";
// import EditUserGroupDialog from "./edit-user-group-dialog";
type UserDeviceWithDeviceNo = API.UserDevice & {
device_no?: string;
// 为 RemarkForm 组件定义 props 类型
interface RemarkFormProps {
initialRemark?: string | null;
onSave: (remark: string) => void;
CloseComponent: React.ComponentType<{
asChild?: boolean;
children: React.ReactNode;
}>;
}
// 新的子组件,在管理它自己的备注状态
const RemarkForm: React.FC<RemarkFormProps> = ({
onSave,
initialRemark,
CloseComponent,
}) => {
const [remark, setRemark] = useState<string>(initialRemark ?? "");
const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
setRemark(event.target.value);
};
const handleSaveClick = () => {
onSave(remark);
};
return (
<>
<div className="mb-2 font-semibold text-sm"></div>
<Input
className="w-full"
onChange={handleInputChange}
placeholder="在此输入备注..."
type="text"
value={remark}
/>
<CloseComponent asChild>
<Button
className={"mt-2"}
onClick={handleSaveClick}
size={"sm"}
variant="default"
>
</Button>
</CloseComponent>
</>
);
};
export default function User() {
@@ -266,9 +311,7 @@ export default function User() {
const method = row.original.auth_methods?.[0];
const identifier = method?.auth_identifier || "";
const isDevice = method?.auth_type === "device";
const firstDevice = row.original.user_devices?.[0] as
| UserDeviceWithDeviceNo
| undefined;
const firstDevice = row.original.user_devices?.[0] as any;
const deviceNo = firstDevice?.device_no;
const deviceType = parseDeviceType(firstDevice?.user_agent || "");
const display = isDevice ? deviceNo || identifier : identifier;
@@ -295,20 +338,20 @@ export default function User() {
</PopoverTrigger>
<PopoverContent className={"w-64"}>
<RemarkForm
CloseComponent={PopoverClose}
initialRemark={row.original.remark}
onSave={async (remark) => {
const { data } = await getUserDetail({
id: row.original.id,
});
const user = data.data;
if (!user) {
throw new Error("User detail not found");
}
await updateUserBasicInfo(
buildUserBasicInfoPayload(user, remark)
);
const {
updated_at: _updated_at,
created_at: _created_at,
id,
...rest
} = row.original;
await updateUserBasicInfo({
user_id: id,
...rest,
remark,
} as unknown as API.UpdateUserBasiceInfoRequest);
toast.success(t("updateSuccess"));
ref.current?.refresh();
}}
@@ -1,85 +0,0 @@
/**
* @vitest-environment jsdom
*/
import {
cleanup,
fireEvent,
render,
screen,
waitFor,
} from "@testing-library/react";
import { Popover } from "@workspace/ui/components/popover";
import { afterEach, describe, expect, it, vi } from "vitest";
import { RemarkForm } from "./remark-form";
afterEach(() => {
cleanup();
});
function renderRemarkForm(props: Parameters<typeof RemarkForm>[0]) {
return render(
<Popover open>
<RemarkForm {...props} />
</Popover>
);
}
describe("RemarkForm", () => {
it("submits an intentionally cleared remark", async () => {
const onSave = vi.fn<Parameters<typeof RemarkForm>[0]["onSave"]>();
renderRemarkForm({ initialRemark: "old remark", onSave });
fireEvent.change(screen.getByPlaceholderText("在此输入备注..."), {
target: { value: "" },
});
fireEvent.click(screen.getByRole("button", { name: "保存" }));
await waitFor(() => expect(onSave).toHaveBeenCalledWith(""));
});
it("shows loading and keeps the input disabled while saving", async () => {
let resolveSave: (() => void) | undefined;
const onSave = vi.fn(
() =>
new Promise<void>((resolve) => {
resolveSave = resolve;
})
);
renderRemarkForm({ initialRemark: "old remark", onSave });
fireEvent.click(screen.getByRole("button", { name: "保存" }));
expect(
screen.getByRole("button", { name: "保存中..." }).hasAttribute("disabled")
).toBe(true);
expect(
screen.getByPlaceholderText("在此输入备注...").hasAttribute("disabled")
).toBe(true);
resolveSave?.();
await waitFor(() =>
expect(
screen.getByRole("button", { name: "保存" }).hasAttribute("disabled")
).toBe(false)
);
});
it("shows an error state and preserves input after save failure", async () => {
const onSave = vi.fn<Parameters<typeof RemarkForm>[0]["onSave"]>();
onSave.mockRejectedValue(new Error("failed"));
renderRemarkForm({ initialRemark: "old remark", onSave });
fireEvent.change(screen.getByPlaceholderText("在此输入备注..."), {
target: { value: "kept remark" },
});
fireEvent.click(screen.getByRole("button", { name: "保存" }));
expect((await screen.findByRole("alert")).textContent).toBe(
"备注保存失败,请重试"
);
expect(screen.getByDisplayValue("kept remark")).not.toBeNull();
});
});
@@ -1,69 +0,0 @@
import { Button } from "@workspace/ui/components/button";
import { Input } from "@workspace/ui/components/input";
import { PopoverClose } from "@workspace/ui/components/popover";
import { useRef, useState } from "react";
interface RemarkFormProps {
initialRemark?: string | null;
onSave: (remark: string) => Promise<void> | void;
}
export function RemarkForm({ onSave, initialRemark }: RemarkFormProps) {
const [remark, setRemark] = useState<string>(initialRemark ?? "");
const [saving, setSaving] = useState(false);
const [error, setError] = useState<string | null>(null);
const closeRef = useRef<HTMLButtonElement>(null);
const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
setRemark(event.target.value);
};
const handleSave = async (event: React.FormEvent<HTMLFormElement>) => {
event.preventDefault();
setError(null);
setSaving(true);
try {
await onSave(remark);
closeRef.current?.click();
} catch {
setError("备注保存失败,请重试");
} finally {
setSaving(false);
}
};
return (
<form onSubmit={handleSave}>
<div className="mb-2 font-semibold text-sm"></div>
<Input
aria-invalid={Boolean(error)}
className="w-full"
disabled={saving}
onChange={handleInputChange}
placeholder="在此输入备注..."
type="text"
value={remark}
/>
{error ? (
<p className="mt-2 text-destructive text-sm" role="alert">
{error}
</p>
) : null}
<Button
className="mt-2"
disabled={saving}
size="sm"
type="submit"
variant="default"
>
{saving ? "保存中..." : "保存"}
</Button>
<PopoverClose asChild>
<button className="sr-only" ref={closeRef} type="button">
</button>
</PopoverClose>
</form>
);
}
@@ -1,53 +0,0 @@
import { describe, expect, it } from "vitest";
import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
const user = {
id: 37,
avatar: "https://example.com/avatar.png",
balance: 1200,
commission: 300,
referral_percentage: 10,
only_first_purchase: true,
gift_amount: 500,
telegram: 123_456,
refer_code: "INVITE37",
referer_id: 7,
enable: true,
is_admin: false,
enable_balance_notify: true,
enable_login_notify: true,
enable_subscribe_notify: false,
enable_trade_notify: false,
user_group_id: 2,
group_locked: false,
auth_methods: [],
user_devices: [],
remark: "old remark",
rules: [],
created_at: 1_700_000_000,
updated_at: 1_700_000_100,
} satisfies API.User;
describe("buildUserBasicInfoPayload", () => {
it("keeps the full basic user fields when updating a remark", () => {
expect(buildUserBasicInfoPayload(user, "new remark")).toEqual({
user_id: 37,
avatar: "https://example.com/avatar.png",
balance: 1200,
commission: 300,
referral_percentage: 10,
only_first_purchase: true,
gift_amount: 500,
telegram: 123_456,
refer_code: "INVITE37",
referer_id: 7,
enable: true,
is_admin: false,
remark: "new remark",
});
});
it("preserves an intentionally cleared remark", () => {
expect(buildUserBasicInfoPayload(user, "").remark).toBe("");
});
});
@@ -1,26 +0,0 @@
import type { UpdateUserBasicInfoBody } from "@workspace/ui/services/admin/user";
export type UserBasicInfoPayload = Omit<UpdateUserBasicInfoBody, "remark"> & {
remark: string;
};
export function buildUserBasicInfoPayload(
user: API.User,
remark: string
): UserBasicInfoPayload {
return {
user_id: user.id,
avatar: user.avatar,
balance: user.balance,
commission: user.commission,
referral_percentage: user.referral_percentage,
only_first_purchase: user.only_first_purchase,
gift_amount: user.gift_amount,
telegram: user.telegram,
refer_code: user.refer_code,
referer_id: user.referer_id,
enable: user.enable,
is_admin: user.is_admin ?? false,
remark,
};
}
+4 -83
View File
@@ -40,13 +40,6 @@ import { Display } from "@/components/display";
import { UserDetail } from "@/sections/user/user-detail";
import { formatDate } from "@/utils/common";
const WITHDRAWAL_METHOD_MAP: Record<number, string> = {
0: "其他",
1: "支付宝",
2: "微信",
3: "银行卡",
};
const rejectSchema = z.object({
reason: z
.string()
@@ -55,40 +48,11 @@ const rejectSchema = z.object({
.max(500, "拒绝原因不能超过 500 个字符"),
});
function QrCodeCell({ url }: { url?: string }) {
const [zoomOpen, setZoomOpen] = useState(false);
if (!url) return <span>--</span>;
return (
<>
<button
className="block overflow-hidden rounded border"
onClick={() => setZoomOpen(true)}
type="button"
>
<img
alt="收款码"
className="h-12 w-12 cursor-zoom-in object-cover"
src={url}
/>
</button>
{zoomOpen && (
<Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
<DialogContent className="max-w-sm">
<img alt="收款码" className="w-full" src={url} />
</DialogContent>
</Dialog>
)}
</>
);
}
export default function WithdrawalPage() {
const { t } = useTranslation("user");
const ref = useRef<ProTableActions>(null);
const [rejectOpen, setRejectOpen] = useState(false);
const [currentRow, setCurrentRow] = useState<API.AdminWithdrawalLog | null>(
null
);
const [currentRow, setCurrentRow] = useState<API.WithdrawalLog | null>(null);
const form = useForm<z.infer<typeof rejectSchema>>({
resolver: zodResolver(rejectSchema),
defaultValues: {
@@ -129,14 +93,6 @@ export default function WithdrawalPage() {
{ value: "0", label: "审核中" },
{ value: "1", label: "已通过" },
{ value: "2", label: "已拒绝" },
{ value: "3", label: "已取消" },
];
const methodOptions = [
{ value: "1", label: "支付宝" },
{ value: "2", label: "微信" },
{ value: "3", label: "银行卡" },
{ value: "0", label: "其他" },
];
const statusMap: Record<number, { label: string; className: string }> = {
@@ -152,18 +108,11 @@ export default function WithdrawalPage() {
label: "已拒绝",
className: "bg-rose-100 text-rose-700 border-rose-200",
},
3: {
label: "已取消",
className: "bg-gray-100 text-gray-500 border-gray-200",
},
};
return (
<>
<ProTable<
API.AdminWithdrawalLog,
{ status?: string; user_id?: string; method?: string }
>
<ProTable<API.WithdrawalLog, { status?: string; user_id?: string }>
action={ref}
actions={{
render: (row) => {
@@ -220,33 +169,11 @@ export default function WithdrawalPage() {
<Display type="currency" value={row.original.amount} />
),
},
{
accessorKey: "method",
header: "收款方式",
cell: ({ row }) =>
WITHDRAWAL_METHOD_MAP[row.original.method] ?? "--",
},
{
accessorKey: "account",
header: "收款账号",
cell: ({ row }) => (
<div className="max-w-[200px] break-all text-sm">
{row.original.account || "--"}
</div>
),
},
{
accessorKey: "qr_code_url",
header: "收款码",
cell: ({ row }) => (
<QrCodeCell url={row.original.qr_code_url} />
),
},
{
accessorKey: "content",
header: "备注",
header: "收款信息",
cell: ({ row }) => (
<div className="max-w-[200px] break-all text-sm">
<div className="max-w-[360px] break-all text-sm">
{row.original.content || "--"}
</div>
),
@@ -289,11 +216,6 @@ export default function WithdrawalPage() {
options: statusOptions,
placeholder: "状态",
},
{
key: "method",
options: methodOptions,
placeholder: "收款方式",
},
{
key: "user_id",
placeholder: "用户 ID",
@@ -304,7 +226,6 @@ export default function WithdrawalPage() {
page: pagination.page,
size: pagination.size,
status: filter.status ? Number(filter.status) : undefined,
method: filter.method ? Number(filter.method) : undefined,
user_id: filter.user_id ? Number(filter.user_id) : undefined,
});
@@ -2,12 +2,7 @@ import { Button } from "@workspace/ui/components/button";
import { Input } from "@workspace/ui/components/input";
import { Icon } from "@workspace/ui/composed/icon";
import { generateCaptcha } from "@workspace/ui/services/common/auth";
import {
type RefObject,
useEffect,
useImperativeHandle,
useState,
} from "react";
import { useEffect, useImperativeHandle, useState } from "react";
import { useTranslation } from "react-i18next";
export interface LocalCaptchaRef {
@@ -10,13 +10,7 @@ import {
generateCaptcha,
verifyCaptchaSlider,
} from "@workspace/ui/services/common/auth";
import {
type RefObject,
useCallback,
useImperativeHandle,
useRef,
useState,
} from "react";
import { useCallback, useImperativeHandle, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
export interface SliderCaptchaRef {
+60 -333
View File
@@ -1,7 +1,7 @@
"use client";
import { zodResolver } from "@hookform/resolvers/zod";
import { useMutation, useQuery } from "@tanstack/react-query";
import { useQuery } from "@tanstack/react-query";
import { Button } from "@workspace/ui/components/button";
import {
Card,
@@ -28,29 +28,18 @@ import {
FormMessage,
} from "@workspace/ui/components/form";
import { Input } from "@workspace/ui/components/input";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@workspace/ui/components/select";
import { Textarea } from "@workspace/ui/components/textarea";
import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
import type { ProListActions } from "@workspace/ui/composed/pro-list/pro-list";
import { ProList } from "@workspace/ui/composed/pro-list/pro-list";
import { UploadImage } from "@workspace/ui/composed/upload-image";
import {
commissionWithdraw,
queryUserAffiliate,
queryUserAffiliateList,
queryWithdrawalLog,
uploadFile,
withdrawalCancel,
} from "@workspace/ui/services/user/user";
import { formatDate } from "@workspace/ui/utils/formatting";
import { unitConversion } from "@workspace/ui/utils/unit-conversions";
import { Copy, X } from "lucide-react";
import { Copy } from "lucide-react";
import { useRef, useState, useTransition } from "react";
import { CopyToClipboard } from "react-copy-to-clipboard";
import { useForm } from "react-hook-form";
@@ -60,17 +49,6 @@ import { z } from "zod";
import { Display } from "@/components/display";
import { useGlobalStore } from "@/stores/global";
const WITHDRAWAL_METHODS = [
{ value: 1, label: "支付宝" },
{ value: 2, label: "微信" },
{ value: 3, label: "银行卡" },
{ value: 0, label: "其他" },
] as const;
function getWithdrawalMethodLabel(method: number): string {
return WITHDRAWAL_METHODS.find((m) => m.value === method)?.label ?? "未知";
}
function getWithdrawalStatusMeta(
status: number,
t: ReturnType<typeof useTranslation<"affiliate">>["t"]
@@ -86,11 +64,6 @@ function getWithdrawalStatusMeta(
label: t("withdrawal.status.rejected", "Rejected"),
className: "bg-destructive/10 text-destructive",
};
case 3:
return {
label: t("withdrawal.status.cancelled", "Cancelled"),
className: "bg-muted text-muted-foreground",
};
default:
return {
label: t("withdrawal.status.pending", "Pending"),
@@ -99,83 +72,11 @@ function getWithdrawalStatusMeta(
}
}
function QrCodeView({ url }: { url: string }) {
const [zoomOpen, setZoomOpen] = useState(false);
return (
<>
<button
className="block overflow-hidden rounded border"
onClick={() => setZoomOpen(true)}
type="button"
>
<img
alt="收款码"
className="h-16 w-16 cursor-zoom-in object-cover"
src={url}
/>
</button>
{zoomOpen && (
<Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
<DialogContent className="max-w-sm">
<img alt="收款码" className="w-full" src={url} />
</DialogContent>
</Dialog>
)}
</>
);
}
const withdrawalFormSchema = z
.object({
amount: z.number(),
method: z.number(),
account: z.string().trim().max(200).optional(),
qr_code_url: z.string().optional(),
content: z.string().trim().max(1000).optional(),
})
.superRefine((data, ctx) => {
if (!data.amount || data.amount <= 0) {
ctx.addIssue({
code: z.ZodIssueCode.custom,
message: "提现金额必须大于 0",
path: ["amount"],
});
}
if (data.method === 1 || data.method === 2) {
if (!data.qr_code_url) {
ctx.addIssue({
code: z.ZodIssueCode.custom,
message: "请上传收款码",
path: ["qr_code_url"],
});
}
} else if (data.method === 3) {
if (!data.account) {
ctx.addIssue({
code: z.ZodIssueCode.custom,
message: "银行卡收款账号为必填",
path: ["account"],
});
}
} else if (data.method === 0) {
if (!data.account && !data.content) {
ctx.addIssue({
code: z.ZodIssueCode.custom,
message: "收款账号和备注至少填一项",
path: ["account"],
});
}
}
});
type WithdrawalFormValues = z.infer<typeof withdrawalFormSchema>;
export default function Affiliate() {
const { t } = useTranslation("affiliate");
const { user, common, getUserInfo } = useGlobalStore();
const [withdrawalOpen, setWithdrawalOpen] = useState(false);
const [submitting, startTransition] = useTransition();
const [qrUploading, setQrUploading] = useState(false);
const withdrawalListActionRef = useRef<ProListActions | undefined>(undefined);
const affiliateQuery = useQuery({
@@ -188,69 +89,51 @@ export default function Affiliate() {
const availableCommission = Number(
user?.commission ?? affiliateQuery.data?.total_commission ?? 0
);
const withdrawalForm = useForm<WithdrawalFormValues>({
const withdrawalFormSchema = z.object({
amount: z
.number()
.int(t("withdrawal.validation.amountInvalid", "Amount is invalid"))
.positive(
t(
"withdrawal.validation.amountPositive",
"Amount must be greater than 0"
)
)
.max(
availableCommission,
t(
"withdrawal.validation.amountExceeded",
"Amount cannot exceed available commission"
)
),
content: z
.string()
.trim()
.min(
1,
t(
"withdrawal.validation.contentRequired",
"Withdrawal info is required"
)
)
.max(
1000,
t("withdrawal.validation.contentTooLong", "Withdrawal info is too long")
),
});
const withdrawalForm = useForm<z.infer<typeof withdrawalFormSchema>>({
resolver: zodResolver(withdrawalFormSchema),
defaultValues: {
amount: 0,
method: 1,
account: "",
qr_code_url: "",
content: "",
},
});
const watchedMethod = withdrawalForm.watch("method");
const watchedQrCodeUrl = withdrawalForm.watch("qr_code_url");
const handleQrUpload = async (file: string | File) => {
if (!(file instanceof File)) return;
setQrUploading(true);
try {
const formData = new FormData();
formData.append("file", file);
formData.append("biz_type", "withdrawal_qrcode");
const response = await uploadFile(formData);
const uploadedUrl =
response.data.data?.url || response.data.data?.key || "";
withdrawalForm.setValue("qr_code_url", uploadedUrl);
withdrawalForm.clearErrors("qr_code_url");
} catch {
toast.error("收款码上传失败,请重试");
} finally {
setQrUploading(false);
}
};
const cancelMutation = useMutation({
mutationFn: async (withdrawalId: number) =>
withdrawalCancel({ withdrawal_id: withdrawalId }),
onSuccess: () => {
toast.success("提现申请已取消");
withdrawalListActionRef.current?.refresh();
},
onError: () => {
toast.error("取消失败,请重试");
},
});
const submitWithdrawal = (values: WithdrawalFormValues) => {
if (values.amount > availableCommission) {
withdrawalForm.setError("amount", {
message: t(
"withdrawal.validation.amountExceeded",
"Amount cannot exceed available commission"
),
});
return;
}
const submitWithdrawal = (values: z.infer<typeof withdrawalFormSchema>) => {
startTransition(async () => {
await commissionWithdraw({
amount: values.amount,
method: values.method,
account: values.account || undefined,
qr_code_url: values.qr_code_url || undefined,
content: values.content || undefined,
content: values.content.trim(),
});
toast.success(
t("withdrawal.submitSuccess", "Withdrawal request submitted")
@@ -263,9 +146,6 @@ export default function Affiliate() {
setWithdrawalOpen(false);
withdrawalForm.reset({
amount: 0,
method: 1,
account: "",
qr_code_url: "",
content: "",
});
});
@@ -312,7 +192,7 @@ export default function Affiliate() {
{t("withdrawal.apply", "Apply for Withdrawal")}
</Button>
</DialogTrigger>
<DialogContent className="max-h-[90vh] overflow-y-auto">
<DialogContent>
<DialogHeader>
<DialogTitle>
{t("withdrawal.applyTitle", "Apply for Withdrawal")}
@@ -376,130 +256,21 @@ export default function Affiliate() {
</FormItem>
)}
/>
<FormField
control={withdrawalForm.control}
name="method"
render={({ field }) => (
<FormItem>
<FormLabel></FormLabel>
<Select
onValueChange={(val) => {
field.onChange(Number(val));
withdrawalForm.setValue("qr_code_url", "");
withdrawalForm.setValue("account", "");
withdrawalForm.clearErrors();
}}
value={String(field.value)}
>
<FormControl>
<SelectTrigger>
<SelectValue placeholder="请选择收款方式" />
</SelectTrigger>
</FormControl>
<SelectContent>
{WITHDRAWAL_METHODS.map((m) => (
<SelectItem
key={m.value}
value={String(m.value)}
>
{m.label}
</SelectItem>
))}
</SelectContent>
</Select>
<FormMessage />
</FormItem>
)}
/>
{(watchedMethod === 1 || watchedMethod === 2) && (
<FormField
control={withdrawalForm.control}
name="qr_code_url"
render={() => (
<FormItem>
<FormLabel>
<span className="ml-1 text-destructive">
*
</span>
</FormLabel>
{watchedQrCodeUrl ? (
<div className="relative inline-block">
<QrCodeView url={watchedQrCodeUrl} />
<button
className="-top-2 -right-2 absolute flex h-5 w-5 items-center justify-center rounded-full bg-destructive text-destructive-foreground"
onClick={() =>
withdrawalForm.setValue("qr_code_url", "")
}
type="button"
>
<X className="h-3 w-3" />
</button>
</div>
) : (
<UploadImage
className="h-24 w-24"
id="qr-code-upload"
onChange={handleQrUpload}
returnType="file"
>
<div className="flex h-24 w-24 flex-col items-center justify-center rounded border-2 border-dashed text-muted-foreground text-xs">
{qrUploading ? "上传中..." : "点击上传\n收款码"}
</div>
</UploadImage>
)}
<FormMessage />
</FormItem>
)}
/>
)}
{(watchedMethod === 3 || watchedMethod === 0) && (
<FormField
control={withdrawalForm.control}
name="account"
render={({ field }) => (
<FormItem>
<FormLabel>
{watchedMethod === 3 && (
<span className="ml-1 text-destructive">
*
</span>
)}
</FormLabel>
<FormControl>
<Input
placeholder={
watchedMethod === 3
? "请输入银行卡号或账户信息"
: "请输入收款账号(与备注至少填一项)"
}
{...field}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
)}
<FormField
control={withdrawalForm.control}
name="content"
render={({ field }) => (
<FormItem>
<FormLabel></FormLabel>
<FormLabel>
{t("withdrawal.content", "Payout Information")}
</FormLabel>
<FormControl>
<Textarea
placeholder={
watchedMethod === 0
? "备注(与账号至少填一项)"
: "备注(可选)"
}
rows={3}
placeholder={t(
"withdrawal.contentPlaceholder",
"Bank account, wallet address, recipient name, or other payout details"
)}
rows={4}
{...field}
/>
</FormControl>
@@ -518,11 +289,7 @@ export default function Affiliate() {
{t("withdrawal.cancel", "Cancel")}
</Button>
<Button
disabled={
submitting ||
qrUploading ||
availableCommission <= 0
}
disabled={submitting || availableCommission <= 0}
form="withdrawal-form"
type="submit"
>
@@ -578,68 +345,28 @@ export default function Affiliate() {
<div className="font-semibold text-lg">
<Display type="currency" value={item.amount} />
</div>
<div className="flex items-center gap-2">
<span
className={`inline-flex rounded-full px-3 py-1 font-medium text-xs ${statusMeta.className}`}
>
{statusMeta.label}
</span>
{item.status === 0 && (
<ConfirmButton
cancelText="取消"
confirmText="确认取消"
description="取消后该提现申请将关闭,佣金不会退还。确定取消吗?"
onConfirm={async () => {
await cancelMutation.mutateAsync(item.id);
}}
title="取消提现申请"
trigger={
<Button
disabled={cancelMutation.isPending}
size="sm"
variant="outline"
>
</Button>
}
/>
)}
</div>
<span
className={`inline-flex rounded-full px-3 py-1 font-medium text-xs ${statusMeta.className}`}
>
{statusMeta.label}
</span>
</div>
<ul className="grid gap-3 md:grid-cols-2">
<li className="flex flex-col gap-1">
<span className="text-muted-foreground"></span>
<span>{getWithdrawalMethodLabel(item.method)}</span>
<span className="text-muted-foreground">
{t("withdrawal.record.content", "Payout Information")}
</span>
<span className="whitespace-pre-wrap break-words">
{item.content}
</span>
</li>
{item.account && (
<li className="flex flex-col gap-1">
<span className="text-muted-foreground"></span>
<span className="break-all">{item.account}</span>
</li>
)}
{item.qr_code_url && (
<li className="flex flex-col gap-1">
<span className="text-muted-foreground"></span>
<QrCodeView url={item.qr_code_url} />
</li>
)}
{item.content && (
<li className="flex flex-col gap-1">
<span className="text-muted-foreground">
{t("withdrawal.record.content", "Payout Information")}
</span>
<span className="whitespace-pre-wrap break-words">
{item.content}
</span>
</li>
)}
<li className="flex flex-col gap-1">
<span className="text-muted-foreground">
{t("withdrawal.record.createdAt", "Created At")}
</span>
<time>{formatDate(item.created_at)}</time>
</li>
{item.reason && (
{item.reason ? (
<li className="flex flex-col gap-1 md:col-span-2">
<span className="text-muted-foreground">
{t("withdrawal.record.reason", "Reject Reason")}
@@ -648,7 +375,7 @@ export default function Affiliate() {
{item.reason}
</span>
</li>
)}
) : null}
</ul>
</CardContent>
</Card>
@@ -27,52 +27,23 @@ const FormSchema = z.object({
enable_balance_notify: z.boolean(),
enable_login_notify: z.boolean(),
enable_subscribe_notify: z.boolean(),
enable_trade_notify: z.boolean(),
// enable_trade_notify: z.boolean(),
});
type NotifyFormValues = z.infer<typeof FormSchema>;
const notificationFields = [
{
name: "enable_balance_notify",
labelKey: "notify.balanceChange",
fallbackLabel: "Balance Change",
},
{
name: "enable_login_notify",
labelKey: "notify.login",
fallbackLabel: "Login",
},
{
name: "enable_subscribe_notify",
labelKey: "notify.subscribe",
fallbackLabel: "Subscribe",
},
{
name: "enable_trade_notify",
labelKey: "notify.finance",
fallbackLabel: "Finance",
},
] satisfies Array<{
name: keyof NotifyFormValues;
labelKey: string;
fallbackLabel: string;
}>;
export default function NotifySettings() {
const { t } = useTranslation("profile");
const { user, getUserInfo } = useGlobalStore();
const form = useForm<NotifyFormValues>({
const form = useForm<z.infer<typeof FormSchema>>({
resolver: zodResolver(FormSchema),
defaultValues: {
enable_balance_notify: user?.enable_balance_notify ?? false,
enable_login_notify: user?.enable_login_notify ?? false,
enable_subscribe_notify: user?.enable_subscribe_notify ?? false,
enable_trade_notify: user?.enable_trade_notify ?? false,
// enable_trade_notify: user?.enable_trade_notify ?? false,
},
});
async function onSubmit(data: NotifyFormValues) {
async function onSubmit(data: z.infer<typeof FormSchema>) {
await updateUserNotify(data);
toast.success(t("notify.updateSuccess", "Update Successful"));
await getUserInfo();
@@ -96,15 +67,32 @@ export default function NotifySettings() {
onSubmit={form.handleSubmit(onSubmit)}
>
<div className="space-y-4">
{notificationFields.map(({ fallbackLabel, labelKey, name }) => (
{[
{
name: "enable_balance_notify",
label: t("notify.balanceChange", "Balance Change"),
},
{
name: "enable_login_notify",
label: t("notify.login", "Login"),
},
{
name: "enable_subscribe_notify",
label: t("notify.subscribe", "Subscribe"),
},
// {
// name: "enable_trade_notify",
// label: t("notify.finance", "Finance"),
// },
].map(({ name, label }) => (
<FormField
control={form.control}
key={name}
name={name}
name={name as any}
render={({ field }) => (
<FormItem className="flex items-center justify-between space-x-4">
<FormLabel className="text-muted-foreground">
{t(labelKey, fallbackLabel)}
{label}
</FormLabel>
<FormControl>
<Switch
+33 -5
View File
@@ -28,6 +28,21 @@ declare namespace API {
updated_at: number;
};
type AdminWithdrawalLog = {
id: number;
user_id: number;
amount: number;
content: string;
status: number;
reason?: string;
created_at: number;
updated_at: number;
};
type ApproveWithdrawalRequest = {
withdrawal_id: number;
};
type AnyTLS = {
port: number;
security_config: SecurityConfig;
@@ -71,6 +86,18 @@ declare namespace API {
is_default: boolean;
};
type GetWithdrawalListParams = {
page: number;
size: number;
user_id?: number;
status?: number;
};
type GetWithdrawalListResponse = {
list: AdminWithdrawalLog[];
total: number;
};
type AppUserSubcbribe = {
id: number;
name: string;
@@ -1163,7 +1190,6 @@ declare namespace API {
size: number;
user_id?: number;
status?: number;
method?: number;
};
type GetWithdrawalListResponse = {
@@ -1775,6 +1801,11 @@ declare namespace API {
total: number;
};
type RejectWithdrawalRequest = {
withdrawal_id: number;
reason: string;
};
type QuotaTask = {
id: number;
subscribers: number[];
@@ -3098,10 +3129,7 @@ declare namespace API {
id: number;
user_id: number;
amount: number;
method: number;
account?: string;
qr_code_url?: string;
content?: string;
content: string;
status: number;
reason?: string;
created_at: number;
+1 -9
View File
@@ -1,14 +1,6 @@
/* eslint-disable */
import request from "@workspace/ui/lib/request";
export type UpdateUserBasicInfoBody = Omit<
API.UpdateUserBasiceInfoRequest,
"password"
> & {
password?: string;
remark?: string;
};
/** Create user POST /v1/admin/user/ */
export async function createUser(
body: API.CreateUserRequest,
@@ -112,7 +104,7 @@ export async function deleteUserAuthMethod(
/** Update user basic info PUT /v1/admin/user/basic */
export async function updateUserBasicInfo(
body: UpdateUserBasicInfoBody,
body: API.UpdateUserBasiceInfoRequest,
options?: { [key: string]: any }
) {
return request<API.Response & { data?: any }>(
+1
View File
@@ -1,3 +1,4 @@
// @ts-expect-error
/* eslint-disable */
import request from "@workspace/ui/lib/request";
@@ -1,3 +1,4 @@
// @ts-expect-error
/* eslint-disable */
import request from "@workspace/ui/lib/request";
@@ -1,3 +1,4 @@
// @ts-expect-error
/* eslint-disable */
import request from "@workspace/ui/lib/request";
+1
View File
@@ -1,3 +1,4 @@
// @ts-expect-error
/* eslint-disable */
import request from "@workspace/ui/lib/request";
+1
View File
@@ -1,3 +1,4 @@
// @ts-expect-error
/* eslint-disable */
import request from "@workspace/ui/lib/request";
@@ -1,3 +1,4 @@
// @ts-expect-error
/* eslint-disable */
import request from "@workspace/ui/lib/request";
+1
View File
@@ -1,3 +1,4 @@
// @ts-expect-error
/* eslint-disable */
import request from "@workspace/ui/lib/request";
+2 -12
View File
@@ -172,14 +172,7 @@ declare namespace API {
type CommissionWithdrawRequest = {
amount: number;
method: number;
account?: string;
qr_code_url?: string;
content?: string;
};
type WithdrawalCancelRequest = {
withdrawal_id: number;
content: string;
};
type Coupon = {
@@ -1303,10 +1296,7 @@ declare namespace API {
id: number;
user_id: number;
amount: number;
method: number;
account?: string;
qr_code_url?: string;
content?: string;
content: string;
status: number;
reason?: string;
created_at: number;
-33
View File
@@ -470,36 +470,3 @@ export async function queryWithdrawalLog(
}
);
}
/** Cancel Withdrawal POST /v1/public/user/withdrawal_cancel */
export async function withdrawalCancel(
body: API.WithdrawalCancelRequest,
options?: { [key: string]: any }
) {
return request<API.Response & { data?: any }>(
`${import.meta.env.VITE_API_PREFIX || ""}/v1/public/user/withdrawal_cancel`,
{
method: "POST",
headers: {
"Content-Type": "application/json",
},
data: body,
...(options || {}),
}
);
}
/** Upload File POST /v1/public/file/upload */
export async function uploadFile(
formData: FormData,
options?: { [key: string]: any }
) {
return request<API.Response & { data?: { url: string; key: string } }>(
`${import.meta.env.VITE_API_PREFIX || ""}/v1/public/file/upload`,
{
method: "POST",
data: formData,
...(options || {}),
}
);
}