商城c端前端

2026-10-12 23:40:02 +08:00
parent dd729cb679
commit 96d1de4a95
105 changed files with 6762 additions and 6 deletions
@@ -0,0 +1,188 @@
+import axios, { AxiosError, AxiosRequestConfig } from 'axios';
+
+const TOKEN_KEY = 'olons_web_session';
+const DEVICE_KEY = 'olons_web_device';
+
+const reasonMessages: Record<string, string> = {
+  AUTH_REQUIRED: '登录已失效，请重新登录',
+  FORBIDDEN: '当前账户无权执行此操作',
+  INVALID_CREDENTIALS: '手机号或密码错误',
+  ACCOUNT_ALREADY_REGISTERED: '该账户或手机号已经注册',
+  RATE_LIMITED: '操作过于频繁，请稍后再试',
+  TASK_DISABLED: '领取功能暂未开放',
+  OUTSIDE_BUSINESS_HOURS: '当前不在营业时间内',
+  INSUFFICIENT_BALANCE: '可用余额不足',
+  DAILY_LIMIT_REACHED: '今日领取次数已用完',
+  PENDING_ORDER_EXISTS: '存在未完成的任务，请先处理',
+  NO_TASK_AVAILABLE: '当前暂无可领取任务',
+  ORDER_EXPIRED: '该任务已超时',
+  ORDER_STATE_INVALID: '当前任务状态不允许此操作',
+  TRADE_PASSWORD_NOT_SET: '请先设置支付密码',
+  TRADE_PASSWORD_INVALID: '支付密码不正确',
+  PAYMENT_ACCOUNT_INVALID: '收款账户未核验或不可用',
+  WITHDRAWAL_DISABLED: '取出功能暂未开放',
+  WITHDRAWAL_AMOUNT_INVALID: '取出金额不符合当前规则',
+  WITHDRAWAL_DAILY_LIMIT_REACHED: '今日取出次数已用完',
+  WITHDRAWAL_CHANNEL_UNAVAILABLE: '当前没有可用的取出通道',
+  RECHARGE_AMOUNT_INVALID: '储入金额不符合当前通道规则',
+  RECHARGE_CHANNEL_UNAVAILABLE: '当前没有可用的储入通道',
+  RECHARGE_VOUCHER_INVALID: '储入凭证无效',
+  SERVICE_UNAVAILABLE: '服务暂不可用，请稍后重试',
+  INTERNAL: '服务异常，请稍后重试',
+};
+
+export interface ApiEnvelope<T> {
+  code: number;
+  data: T;
+  message?: string;
+  reason?: string;
+  request_id?: string;
+  server_time?: string;
+}
+
+export class MobileApiError extends Error {
+  reason: string;
+  status: number;
+
+  constructor(message: string, reason = '', status = 0) {
+    super(message);
+    this.reason = reason;
+    this.status = status;
+  }
+}
+
+const client = axios.create({
+  baseURL: '',
+  timeout: 15000,
+  headers: { Accept: 'application/json' },
+});
+
+client.interceptors.request.use((config) => {
+  const token = sessionStorage.getItem(TOKEN_KEY);
+  if (token) config.headers.Authorization = `Bearer ${token}`;
+  config.headers['X-Request-ID'] = crypto.randomUUID?.() || `${Date.now()}-${Math.random()}`;
+  config.headers['X-Device-ID'] = getDeviceID();
+  return config;
+});
+
+client.interceptors.response.use(
+  (response) => response,
+  (error: AxiosError<ApiEnvelope<unknown>>) => {
+    const status = error.response?.status || 0;
+    const payload = error.response?.data;
+    if (status === 401) {
+      clearSession();
+      const currentPath = window.location.hash.replace(/^#/, '') || '/app/home';
+      if (!currentPath.startsWith('/app/auth')) {
+        window.location.hash = `/app/auth?redirect=${encodeURIComponent(currentPath)}`;
+      }
+    }
+    const reason = payload?.reason || '';
+    return Promise.reject(
+      new MobileApiError(
+        reasonMessages[reason] ||
+          payload?.message ||
+          (status ? '请求失败，请稍后重试' : '网络连接失败'),
+        reason,
+        status
+      )
+    );
+  }
+);
+
+export async function request<T>(config: AxiosRequestConfig): Promise<T> {
+  const method = String(config.method || 'GET').toUpperCase();
+  const attempts = method === 'GET' ? 3 : 1;
+  let lastError: unknown;
+  for (let attempt = 0; attempt < attempts; attempt += 1) {
+    try {
+      const response = await client.request<ApiEnvelope<T>>(config);
+      if (response.data.code !== 0) {
+        const reason = response.data.reason || '';
+        throw new MobileApiError(
+          reasonMessages[reason] || response.data.message || '请求失败',
+          reason,
+          response.status
+        );
+      }
+      return response.data.data;
+    } catch (error) {
+      lastError = error;
+      if (!shouldRetry(error, attempt, attempts)) throw error;
+      await new Promise((resolve) => window.setTimeout(resolve, attempt === 0 ? 250 : 600));
+    }
+  }
+  throw lastError;
+}
+
+function shouldRetry(error: unknown, attempt: number, attempts: number) {
+  if (attempt >= attempts - 1) return false;
+  if (axios.isCancel(error)) return false;
+  return error instanceof MobileApiError && (error.status === 0 || error.status === 503);
+}
+
+function getDeviceID() {
+  let value = localStorage.getItem(DEVICE_KEY);
+  if (!value) {
+    value = crypto.randomUUID?.() || `web-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    localStorage.setItem(DEVICE_KEY, value);
+  }
+  return value;
+}
+
+export function saveSession(token: string) {
+  sessionStorage.setItem(TOKEN_KEY, token);
+}
+
+export function clearSession() {
+  sessionStorage.removeItem(TOKEN_KEY);
+}
+
+export function hasSession() {
+  return Boolean(sessionStorage.getItem(TOKEN_KEY));
+}
+
+export function idempotencyKey() {
+  return crypto.randomUUID?.() || `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
+
+export function money(value?: number, currency = 'CNY') {
+  const amount = Number.isFinite(value) ? Number(value) / 100 : 0;
+  return new Intl.NumberFormat('zh-CN', {
+    style: 'currency',
+    currency,
+    minimumFractionDigits: 2,
+  }).format(amount);
+}
+
+export function dateTime(value?: string) {
+  if (!value) return '--';
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return '--';
+  return new Intl.DateTimeFormat('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false,
+  })
+    .format(date)
+    .replaceAll('/', '-');
+}
+
+export function safeImage(url?: string) {
+  if (!url) return '';
+  try {
+    const parsed = new URL(url, window.location.origin);
+    return parsed.protocol === 'https:' || parsed.origin === window.location.origin
+      ? parsed.href
+      : '';
+  } catch {
+    return '';
+  }
+}
+
+export function errorText(error: unknown) {
+  return error instanceof Error ? error.message : '操作失败，请稍后重试';
+}