style: 统一代码格式 (prettier)

2026-03-10 18:20:36 +08:00
parent abff49222b
commit 9f621713c3
31 changed files with 631 additions and 406 deletions
--- a/src/components/admin/DailyChart.tsx
+++ b/src/components/admin/DailyChart.tsx
@@ -85,7 +85,9 @@ export default function DailyChart({ data, dark, locale = 'zh' }: DailyChartProp
        <h3 className={['mb-4 text-sm font-semibold', dark ? 'text-slate-200' : 'text-slate-800'].join(' ')}>
          {chartTitle}
        </h3>
-        <p className={['text-center text-sm py-16', dark ? 'text-slate-500' : 'text-gray-400'].join(' ')}>{emptyText}</p>
+        <p className={['text-center text-sm py-16', dark ? 'text-slate-500' : 'text-gray-400'].join(' ')}>
+          {emptyText}
+        </p>
      </div>
    );
  }
@@ -121,7 +123,11 @@ export default function DailyChart({ data, dark, locale = 'zh' }: DailyChartProp
            tickLine={false}
            width={60}
          />
-          <Tooltip content={<CustomTooltip dark={dark} currency={currency} amountLabel={amountLabel} countLabel={countLabel} />} />
+          <Tooltip
+            content={
+              <CustomTooltip dark={dark} currency={currency} amountLabel={amountLabel} countLabel={countLabel} />
+            }
+          />
          <Line
            type="monotone"
            dataKey="amount"
--- a/src/components/admin/DashboardStats.tsx
+++ b/src/components/admin/DashboardStats.tsx
@@ -18,9 +18,20 @@ interface DashboardStatsProps {
 export default function DashboardStats({ summary, dark, locale = 'zh' }: DashboardStatsProps) {
  const currency = locale === 'en' ? '$' : '¥';
  const cards = [
-    { label: locale === 'en' ? 'Today Recharge' : '今日充值', value: `${currency}${summary.today.amount.toLocaleString()}`, accent: true },
-    { label: locale === 'en' ? 'Today Orders' : '今日订单', value: `${summary.today.paidCount}/${summary.today.orderCount}` },
-    { label: locale === 'en' ? 'Total Recharge' : '累计充值', value: `${currency}${summary.total.amount.toLocaleString()}`, accent: true },
+    {
+      label: locale === 'en' ? 'Today Recharge' : '今日充值',
+      value: `${currency}${summary.today.amount.toLocaleString()}`,
+      accent: true,
+    },
+    {
+      label: locale === 'en' ? 'Today Orders' : '今日订单',
+      value: `${summary.today.paidCount}/${summary.today.orderCount}`,
+    },
+    {
+      label: locale === 'en' ? 'Total Recharge' : '累计充值',
+      value: `${currency}${summary.total.amount.toLocaleString()}`,
+      accent: true,
+    },
    { label: locale === 'en' ? 'Paid Orders' : '累计订单', value: String(summary.total.paidCount) },
    { label: locale === 'en' ? 'Success Rate' : '成功率', value: `${summary.successRate}%` },
    { label: locale === 'en' ? 'Average Amount' : '平均充值', value: `${currency}${summary.avgAmount.toFixed(2)}` },
--- a/src/components/admin/Leaderboard.tsx
+++ b/src/components/admin/Leaderboard.tsx
@@ -97,7 +97,8 @@ export default function Leaderboard({ data, dark, locale = 'zh' }: LeaderboardPr
                  <td
                    className={`whitespace-nowrap px-4 py-3 text-sm font-medium ${dark ? 'text-slate-200' : 'text-slate-900'}`}
                  >
-                    {currency}{entry.totalAmount.toLocaleString()}
+                    {currency}
+                    {entry.totalAmount.toLocaleString()}
                  </td>
                  <td className={tdMuted}>{entry.orderCount}</td>
                </tr>
--- a/src/components/admin/OrderDetail.tsx
+++ b/src/components/admin/OrderDetail.tsx
@@ -49,77 +49,78 @@ interface OrderDetailProps {

 export default function OrderDetail({ order, onClose, dark, locale = 'zh' }: OrderDetailProps) {
  const currency = locale === 'en' ? '$' : '¥';
-  const text = locale === 'en'
-    ? {
-        title: 'Order Details',
-        auditLogs: 'Audit Logs',
-        operator: 'Operator',
-        emptyLogs: 'No logs',
-        close: 'Close',
-        yes: 'Yes',
-        no: 'No',
-        orderId: 'Order ID',
-        userId: 'User ID',
-        userName: 'Username',
-        email: 'Email',
-        amount: 'Amount',
-        status: 'Status',
-        paymentSuccess: 'Payment Success',
-        rechargeSuccess: 'Recharge Success',
-        rechargeStatus: 'Recharge Status',
-        paymentChannel: 'Payment Channel',
-        provider: 'Provider',
-        rechargeCode: 'Recharge Code',
-        paymentTradeNo: 'Payment Trade No.',
-        clientIp: 'Client IP',
-        sourceHost: 'Source Host',
-        sourcePage: 'Source Page',
-        createdAt: 'Created At',
-        expiresAt: 'Expires At',
-        paidAt: 'Paid At',
-        completedAt: 'Completed At',
-        failedAt: 'Failed At',
-        failedReason: 'Failure Reason',
-        refundAmount: 'Refund Amount',
-        refundReason: 'Refund Reason',
-        refundAt: 'Refunded At',
-        forceRefund: 'Force Refund',
-      }
-    : {
-        title: '订单详情',
-        auditLogs: '审计日志',
-        operator: '操作者',
-        emptyLogs: '暂无日志',
-        close: '关闭',
-        yes: '是',
-        no: '否',
-        orderId: '订单号',
-        userId: '用户ID',
-        userName: '用户名',
-        email: '邮箱',
-        amount: '金额',
-        status: '状态',
-        paymentSuccess: '支付成功',
-        rechargeSuccess: '充值成功',
-        rechargeStatus: '充值状态',
-        paymentChannel: '支付渠道',
-        provider: '提供商',
-        rechargeCode: '充值码',
-        paymentTradeNo: '支付单号',
-        clientIp: '客户端IP',
-        sourceHost: '来源域名',
-        sourcePage: '来源页面',
-        createdAt: '创建时间',
-        expiresAt: '过期时间',
-        paidAt: '支付时间',
-        completedAt: '完成时间',
-        failedAt: '失败时间',
-        failedReason: '失败原因',
-        refundAmount: '退款金额',
-        refundReason: '退款原因',
-        refundAt: '退款时间',
-        forceRefund: '强制退款',
-      };
+  const text =
+    locale === 'en'
+      ? {
+          title: 'Order Details',
+          auditLogs: 'Audit Logs',
+          operator: 'Operator',
+          emptyLogs: 'No logs',
+          close: 'Close',
+          yes: 'Yes',
+          no: 'No',
+          orderId: 'Order ID',
+          userId: 'User ID',
+          userName: 'Username',
+          email: 'Email',
+          amount: 'Amount',
+          status: 'Status',
+          paymentSuccess: 'Payment Success',
+          rechargeSuccess: 'Recharge Success',
+          rechargeStatus: 'Recharge Status',
+          paymentChannel: 'Payment Channel',
+          provider: 'Provider',
+          rechargeCode: 'Recharge Code',
+          paymentTradeNo: 'Payment Trade No.',
+          clientIp: 'Client IP',
+          sourceHost: 'Source Host',
+          sourcePage: 'Source Page',
+          createdAt: 'Created At',
+          expiresAt: 'Expires At',
+          paidAt: 'Paid At',
+          completedAt: 'Completed At',
+          failedAt: 'Failed At',
+          failedReason: 'Failure Reason',
+          refundAmount: 'Refund Amount',
+          refundReason: 'Refund Reason',
+          refundAt: 'Refunded At',
+          forceRefund: 'Force Refund',
+        }
+      : {
+          title: '订单详情',
+          auditLogs: '审计日志',
+          operator: '操作者',
+          emptyLogs: '暂无日志',
+          close: '关闭',
+          yes: '是',
+          no: '否',
+          orderId: '订单号',
+          userId: '用户ID',
+          userName: '用户名',
+          email: '邮箱',
+          amount: '金额',
+          status: '状态',
+          paymentSuccess: '支付成功',
+          rechargeSuccess: '充值成功',
+          rechargeStatus: '充值状态',
+          paymentChannel: '支付渠道',
+          provider: '提供商',
+          rechargeCode: '充值码',
+          paymentTradeNo: '支付单号',
+          clientIp: '客户端IP',
+          sourceHost: '来源域名',
+          sourcePage: '来源页面',
+          createdAt: '创建时间',
+          expiresAt: '过期时间',
+          paidAt: '支付时间',
+          completedAt: '完成时间',
+          failedAt: '失败时间',
+          failedReason: '失败原因',
+          refundAmount: '退款金额',
+          refundReason: '退款原因',
+          refundAt: '退款时间',
+          forceRefund: '强制退款',
+        };

  useEffect(() => {
    const handleKeyDown = (e: KeyboardEvent) => {
--- a/src/components/admin/OrderTable.tsx
+++ b/src/components/admin/OrderTable.tsx
@@ -32,37 +32,38 @@ interface OrderTableProps {

 export default function OrderTable({ orders, onRetry, onCancel, onViewDetail, dark, locale = 'zh' }: OrderTableProps) {
  const currency = locale === 'en' ? '$' : '¥';
-  const text = locale === 'en'
-    ? {
-        orderId: 'Order ID',
-        userName: 'Username',
-        email: 'Email',
-        notes: 'Notes',
-        amount: 'Amount',
-        status: 'Status',
-        paymentMethod: 'Payment',
-        source: 'Source',
-        createdAt: 'Created At',
-        actions: 'Actions',
-        retry: 'Retry',
-        cancel: 'Cancel',
-        empty: 'No orders',
-      }
-    : {
-        orderId: '订单号',
-        userName: '用户名',
-        email: '邮箱',
-        notes: '备注',
-        amount: '金额',
-        status: '状态',
-        paymentMethod: '支付方式',
-        source: '来源',
-        createdAt: '创建时间',
-        actions: '操作',
-        retry: '重试',
-        cancel: '取消',
-        empty: '暂无订单',
-      };
+  const text =
+    locale === 'en'
+      ? {
+          orderId: 'Order ID',
+          userName: 'Username',
+          email: 'Email',
+          notes: 'Notes',
+          amount: 'Amount',
+          status: 'Status',
+          paymentMethod: 'Payment',
+          source: 'Source',
+          createdAt: 'Created At',
+          actions: 'Actions',
+          retry: 'Retry',
+          cancel: 'Cancel',
+          empty: 'No orders',
+        }
+      : {
+          orderId: '订单号',
+          userName: '用户名',
+          email: '邮箱',
+          notes: '备注',
+          amount: '金额',
+          status: '状态',
+          paymentMethod: '支付方式',
+          source: '来源',
+          createdAt: '创建时间',
+          actions: '操作',
+          retry: '重试',
+          cancel: '取消',
+          empty: '暂无订单',
+        };

  const thCls = `px-4 py-3 text-left text-xs font-medium uppercase ${dark ? 'text-slate-400' : 'text-gray-500'}`;
  const tdMuted = `whitespace-nowrap px-4 py-3 text-sm ${dark ? 'text-slate-400' : 'text-gray-500'}`;
@@ -133,7 +134,8 @@ export default function OrderTable({ orders, onRetry, onCancel, onViewDetail, da
                <td className={tdMuted}>{order.userEmail || '-'}</td>
                <td className={tdMuted}>{order.userNotes || '-'}</td>
                <td className={`whitespace-nowrap px-4 py-3 text-sm font-medium ${dark ? 'text-slate-200' : ''}`}>
-                  {currency}{order.amount.toFixed(2)}
+                  {currency}
+                  {order.amount.toFixed(2)}
                </td>
                <td className="whitespace-nowrap px-4 py-3 text-sm">
                  <span
--- a/src/components/admin/PaymentMethodChart.tsx
+++ b/src/components/admin/PaymentMethodChart.tsx
@@ -44,9 +44,7 @@ export default function PaymentMethodChart({ data, dark, locale = 'zh' }: Paymen
        dark ? 'border-slate-700 bg-slate-800/60' : 'border-slate-200 bg-white shadow-sm',
      ].join(' ')}
    >
-      <h3 className={['mb-4 text-sm font-semibold', dark ? 'text-slate-200' : 'text-slate-800'].join(' ')}>
-        {title}
-      </h3>
+      <h3 className={['mb-4 text-sm font-semibold', dark ? 'text-slate-200' : 'text-slate-800'].join(' ')}>{title}</h3>
      <div className="space-y-4">
        {data.map((method) => {
          const meta = getPaymentMeta(method.paymentType);
@@ -56,7 +54,8 @@ export default function PaymentMethodChart({ data, dark, locale = 'zh' }: Paymen
              <div className="mb-1.5 flex items-center justify-between text-sm">
                <span className={dark ? 'text-slate-300' : 'text-slate-700'}>{label}</span>
                <span className={dark ? 'text-slate-400' : 'text-slate-500'}>
-                  {currency}{method.amount.toLocaleString()} · {method.percentage}%
+                  {currency}
+                  {method.amount.toLocaleString()} · {method.percentage}%
                </span>
              </div>
              <div
@@ -65,7 +64,10 @@ export default function PaymentMethodChart({ data, dark, locale = 'zh' }: Paymen
                )}
              >
                <div
-                  className={['h-full rounded-full transition-all', dark ? meta.chartBar.dark : meta.chartBar.light].join(' ')}
+                  className={[
+                    'h-full rounded-full transition-all',
+                    dark ? meta.chartBar.dark : meta.chartBar.light,
+                  ].join(' ')}
                  style={{ width: `${method.percentage}%` }}
                />
              </div>
--- a/src/components/admin/RefundDialog.tsx
+++ b/src/components/admin/RefundDialog.tsx
@@ -74,10 +74,7 @@ export default function RefundDialog({
  return (
    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50" onClick={onCancel}>
      <div
-        className={[
-          'w-full max-w-md rounded-xl p-6 shadow-xl',
-          dark ? 'bg-slate-900' : 'bg-white',
-        ].join(' ')}
+        className={['w-full max-w-md rounded-xl p-6 shadow-xl', dark ? 'bg-slate-900' : 'bg-white'].join(' ')}
        onClick={(e) => e.stopPropagation()}
      >
        <h3 className={['text-lg font-bold', dark ? 'text-slate-100' : 'text-gray-900'].join(' ')}>{text.title}</h3>
@@ -90,7 +87,10 @@ export default function RefundDialog({

          <div className={['rounded-lg p-3', dark ? 'bg-slate-800' : 'bg-gray-50'].join(' ')}>
            <div className={['text-sm', dark ? 'text-slate-400' : 'text-gray-500'].join(' ')}>{text.amount}</div>
-            <div className="text-lg font-bold text-red-600">{currency}{amount.toFixed(2)}</div>
+            <div className="text-lg font-bold text-red-600">
+              {currency}
+              {amount.toFixed(2)}
+            </div>
          </div>

          {warning && (