best-unit 1.2.12 → 1.2.14

package/dist/types/global.d.ts

@@ -17,6 +17,11 @@ export enum Env {
   PRODUCTION = "production",
 }
 
+export enum Size {
+  SMALL = "small",
+  MEDIUM = "medium",
+}
+
 // 类型定义
 export interface BalanceData {
   fundBalanceId: string;
@@ -43,15 +48,22 @@ export interface InitParams {
   theme?: Theme;
   locale?: Locale;
   env: Env;
+  size?: Size;
   themeConfig?: ThemeConfig;
 }
 
 export interface ThemeConfig {
   white?: {
     color?: string;
+    fontSize?: number;
   };
   dark?: {
     color?: string;
+    fontSize?: number;
+  };
+  global?: {
+    size?: Size;
+    fontSize?: number;
   };
 }
 
@@ -68,6 +80,7 @@ export declare function initFundUnit(params: {
   theme?: Theme;
   locale?: Locale;
   env: Env;
+  size?: Size;
   themeConfig?: ThemeConfig;
 }): {
   token: string;
@@ -77,6 +90,7 @@ export declare function initFundUnit(params: {
   theme?: Theme;
   locale: Locale;
   env: Env;
+  size?: Size;
   themeConfig?: ThemeConfig;
 };
 

package/dist/types/index.ts

@@ -16,6 +16,10 @@ export enum Env {
   PRODUCTION = "production",
 }
 
+export enum Size {
+  SMALL = "small",
+  MEDIUM = "medium",
+}
 
 export interface ThemeConfig {
   white?: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "best-unit",
   "private": false,
-  "version": "1.2.12",
+  "version": "1.2.14",
   "type": "module",
   "main": "dist/best-unit.cjs",
   "module": "dist/best-unit.js",

package/src/api/axiosInstance.ts

@@ -6,7 +6,6 @@ import type {
 } from "axios";
 import { message } from "@/components/common/message";
 import { Env, Locale } from "@/types";
-import { waitFundUnitReady } from "./waitUnit";
 
 export interface CreateAxiosOptions {
   baseURL?: string;
@@ -15,50 +14,45 @@ export interface CreateAxiosOptions {
 }
 
 export function createAxiosInstance(options: CreateAxiosOptions = {}) {
-  // 实例初始的 baseURL 仅作兜底，真正的 baseURL 在请求阶段基于最新 fund_unit_params 计算
-  let apiUrl: string = "https://fund.bestfulfill.com/api/sdk";
+  // 根据 fund_unit_params 中的 env 参数选择 API URL
+  const fundUnitParams = JSON.parse(
+    sessionStorage.getItem("fund_unit_params") || "{}"
+  );
+
+  console.log("fundUnitParams", fundUnitParams);
+  const { env } = fundUnitParams;
+
+  let apiUrl: string;
+  switch (env) {
+    case Env.DEV:
+    case Env.DEVELOPMENT:
+      apiUrl = "/api";
+      break;
+    case Env.TEST:
+      apiUrl = "https://fund.bestfulfill.tech/api/sdk";
+      break;
+    case Env.PROD:
+    case Env.PRODUCTION:
+    default:
+      apiUrl = "https://fund.bestfulfill.com/api/sdk";
+      break;
+  }
 
   const { baseURL = apiUrl, timeout = 10000, onError } = options;
 
   const instance: AxiosInstance = axios.create({ baseURL, timeout });
 
-  // 请求拦截：等待 fund_unit_params 就绪，动态设置 baseURL、token、国际化
-  instance.interceptors.request.use(
-    async (config: InternalAxiosRequestConfig) => {
-      // 等待 fund_unit_params 非空
-      await waitFundUnitReady();
-
-      const fundUnitParams = JSON.parse(
-        sessionStorage.getItem("fund_unit_params") || "{}"
-      );
-
-      const { env, token, locale } = fundUnitParams || {};
-
-      // 按 env 设置 baseURL（覆盖实例级 baseURL，以便热切换环境）
-      switch (env) {
-        case Env.DEV:
-        case Env.DEVELOPMENT:
-          config.baseURL = "/api";
-          break;
-        case Env.TEST:
-          config.baseURL = "https://fund.bestfulfill.tech/api/sdk";
-          break;
-        case Env.PROD:
-        case Env.PRODUCTION:
-        default:
-          config.baseURL = "https://fund.bestfulfill.com/api/sdk";
-          break;
-      }
-
-      config.headers = {
-        ...config.headers,
-        Authorization: token,
-        "x-locale": locale === Locale.ZH ? "zh-CN" : "en-US",
-      } as any;
-
-      return config;
-    }
-  );
+  // 请求拦截：加 token、国际化
+  instance.interceptors.request.use((config: InternalAxiosRequestConfig) => {
+    const { token, locale } = fundUnitParams;
+    config.headers = {
+      ...config.headers,
+      Authorization: token,
+      "x-locale": locale === Locale.ZH ? "zh-CN" : "en-US",
+    } as any;
+
+    return config;
+  });
 
   // 响应拦截：code=0判定成功，其他走 onError
   instance.interceptors.response.use(

package/src/components/business/recharge-sdk/components/offline-transfer-form/index.tsx

@@ -150,7 +150,7 @@ export const OfflineTransferForm: FunctionalComponent<
           {t("取消")}
         </button>
         <button type="submit" disabled={loading} style={theme.buttonSubmit}>
-          {t("去支付")}
+          {t("确定")}
         </button>
       </div>
     </form>

package/src/components/business/recharge-sdk/components/offline-transfer-form/theme.tsx

@@ -1,24 +1,25 @@
-import { Theme, type ThemeConfig } from "@/types";
+import { Size, Theme, type ThemeConfig } from "@/types";
 import { getInitParams } from "@/utils/business";
+const size = getInitParams<Size>("size");
 
 export const offlineTransferFormThemes = {
   white: {
     label: {
-      marginBottom: 8,
-      fontSize: 14,
+      marginBottom: size === Size.SMALL ? 6 : 8,
+      fontSize: size === Size.SMALL ? 12 : 14,
       color: "#222",
       textAlign: "left",
       display: "block",
     },
     input: {
       width: "100%",
-      padding: "10px 12px",
+      padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
       borderRadius: 6,
       boxSizing: "border-box",
       border: "1px solid #E5E6EB",
       background: "#fff",
       color: "#222",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 15,
       outline: "none",
       marginBottom: 0,
     },
@@ -27,12 +28,12 @@ export const offlineTransferFormThemes = {
     },
     select: {
       width: "100%",
-      padding: "10px 12px",
+      padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
       borderRadius: 6,
       border: "1px solid #E5E6EB",
       background: "#fff",
       color: "#222",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 15,
       outline: "none",
     },
     selectError: {
@@ -42,16 +43,16 @@ export const offlineTransferFormThemes = {
       border: "1px dashed #E5E6EB",
       borderRadius: 8,
       background: "#FCFCFD",
-      padding: 24,
+      padding: size === Size.SMALL ? 12 : 24,
       textAlign: "center",
       cursor: "pointer",
-      minHeight: 120,
+      minHeight: size === Size.SMALL ? 80 : 120,
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
       color: "#999",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 15,
     },
     uploadError: {
       border: "1px dashed #ff4d4f",
@@ -61,9 +62,9 @@ export const offlineTransferFormThemes = {
       alignItems: "center",
       background: "#F7F8FA",
       borderRadius: 8,
-      padding: "12px 16px",
-      marginBottom: 8,
-      fontSize: 15,
+      padding: size === Size.SMALL ? "8px 10px" : "12px 16px",
+      marginBottom: size === Size.SMALL ? 6 : 8,
+      fontSize: size === Size.SMALL ? 12 : 15,
       color: "#222",
       justifyContent: "space-between",
     },
@@ -72,8 +73,7 @@ export const offlineTransferFormThemes = {
       color: "#222",
       border: "1px solid #E5E6EB",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 18px" : "8px 24px",
       cursor: "pointer",
     },
     buttonSubmit: {
@@ -81,8 +81,7 @@ export const offlineTransferFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 18px" : "8px 24px",
       cursor: "pointer",
       fontWeight: 600,
     },
@@ -91,35 +90,35 @@ export const offlineTransferFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "4px 14px",
-      fontSize: 15,
-      marginLeft: 16,
+      padding: size === Size.SMALL ? "6px 18px" : "4px 14px",
+      fontSize: size === Size.SMALL ? 12 : 15,
+      marginLeft: size === Size.SMALL ? 8 : 16,
       cursor: "pointer",
     },
     error: {
       color: "#ff4d4f",
-      fontSize: 13,
-      marginTop: 4,
+      fontSize: size === Size.SMALL ? 12 : 13,
+      marginTop: size === Size.SMALL ? 2 : 4,
       textAlign: "left",
     },
   },
   dark: {
     label: {
-      marginBottom: 8,
-      fontSize: 14,
+      marginBottom: size === Size.SMALL ? 4 : 8,
+      fontSize: size === Size.SMALL ? 12 : 14,
       color: "#fff",
       textAlign: "left",
       display: "block",
     },
     input: {
       width: "100%",
-      padding: "10px 12px",
+      padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
       borderRadius: 6,
       boxSizing: "border-box",
       border: "1px solid #374151",
       background: "#23262F",
       color: "#fff",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 15,
       outline: "none",
       marginBottom: 0,
     },
@@ -128,12 +127,12 @@ export const offlineTransferFormThemes = {
     },
     select: {
       width: "100%",
-      padding: "10px 12px",
+      padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
       borderRadius: 6,
       border: "1px solid #374151",
       background: "#23262F",
       color: "#fff",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 15,
       outline: "none",
     },
     selectError: {
@@ -143,16 +142,16 @@ export const offlineTransferFormThemes = {
       border: "1px dashed #374151",
       borderRadius: 8,
       background: "#181A20",
-      padding: 24,
+      padding: size === Size.SMALL ? 12 : 24,
       textAlign: "center",
       cursor: "pointer",
-      minHeight: 120,
+      minHeight: size === Size.SMALL ? 80 : 120,
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
       color: "#999",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 14,
     },
     uploadError: {
       border: "1px dashed #ff4d4f",
@@ -162,9 +161,9 @@ export const offlineTransferFormThemes = {
       alignItems: "center",
       background: "#23262F",
       borderRadius: 8,
-      padding: "12px 16px",
-      marginBottom: 8,
-      fontSize: 15,
+      padding: size === Size.SMALL ? "8px 10px" : "12px 16px",
+      marginBottom: size === Size.SMALL ? 6 : 8,
+      fontSize: size === Size.SMALL ? 12 : 15,
       color: "#fff",
       justifyContent: "space-between",
     },
@@ -173,8 +172,8 @@ export const offlineTransferFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 18px" : "8px 24px",
+      fontSize: size === Size.SMALL ? 12 : 15,
       cursor: "pointer",
     },
     buttonSubmit: {
@@ -182,8 +181,8 @@ export const offlineTransferFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 18px" : "8px 24px",
+      fontSize: size === Size.SMALL ? 12 : 14,
       cursor: "pointer",
       fontWeight: 600,
     },
@@ -192,15 +191,15 @@ export const offlineTransferFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "4px 14px",
-      fontSize: 15,
-      marginLeft: 16,
+      padding: size === Size.SMALL ? "6px 18px" : "4px 14px",
+      fontSize: size === Size.SMALL ? 12 : 15,
+      marginLeft: size === Size.SMALL ? 8 : 16,
       cursor: "pointer",
     },
     error: {
       color: "#ff4d4f",
-      fontSize: 13,
-      marginTop: 4,
+      fontSize: size === Size.SMALL ? 12 : 13,
+      marginTop: size === Size.SMALL ? 2 : 4,
       textAlign: "left",
     },
   },

package/src/components/business/recharge-sdk/components/online-recharge-form/theme.tsx

@@ -1,24 +1,24 @@
-import { Theme, type ThemeConfig } from "@/types";
+import { Size, Theme, type ThemeConfig } from "@/types";
 import { getInitParams } from "@/utils/business";
-
+const size = getInitParams<Size>("size");
 export const onlineRechargeFormThemes = {
   white: {
     label: {
-      marginBottom: 8,
-      fontSize: 14,
+      marginBottom: size === Size.SMALL ? 4 : 8,
+      fontSize: size === Size.SMALL ? 12 : 14,
       color: "#222",
       textAlign: "left",
       display: "block",
     },
     input: {
       width: "100%",
-      padding: "10px 12px",
+      padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
       borderRadius: 6,
       boxSizing: "border-box",
       border: "1px solid #E5E6EB",
       background: "#fff",
       color: "#222",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 15,
       outline: "none",
       marginBottom: 0,
     },
@@ -30,8 +30,8 @@ export const onlineRechargeFormThemes = {
     },
     error: {
       color: "#ff4d4f",
-      fontSize: 13,
-      marginTop: 4,
+      fontSize: size === Size.SMALL ? 12 : 13,
+      marginTop: size === Size.SMALL ? 2 : 4,
       textAlign: "left",
     },
     buttonCancel: {
@@ -39,8 +39,8 @@ export const onlineRechargeFormThemes = {
       color: "#222",
       border: "1px solid #E5E6EB",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 16px" : "8px 24px",
+      fontSize: size === Size.SMALL ? 12 : 15,
       cursor: "pointer",
     },
     buttonSubmit: {
@@ -48,38 +48,38 @@ export const onlineRechargeFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 16px" : "8px 24px",
+      fontSize: size === Size.SMALL ? 12 : 15,
       cursor: "pointer",
       fontWeight: 600,
     },
     feeTip: {
       marginBottom: 24,
-      padding: "12px 16px",
+      padding: size === Size.SMALL ? "8px 10px" : "12px 16px",
       background: "#f6ffed",
       border: "1px solid #b7eb8f",
       borderRadius: 6,
-      fontSize: 14,
+      fontSize: size === Size.SMALL ? 12 : 14,
       color: "#52c41a",
     },
   },
   dark: {
     label: {
-      marginBottom: 8,
-      fontSize: 14,
+      marginBottom: size === Size.SMALL ? 6 : 8,
+      fontSize: size === Size.SMALL ? 12 : 14,
       color: "#fff",
       textAlign: "left",
       display: "block",
     },
     input: {
       width: "100%",
-      padding: "10px 12px",
+      padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
       borderRadius: 6,
       boxSizing: "border-box",
       border: "1px solid #374151",
       background: "#23262F",
       color: "#fff",
-      fontSize: 15,
+      fontSize: size === Size.SMALL ? 12 : 15,
       outline: "none",
       marginBottom: 0,
     },
@@ -91,8 +91,8 @@ export const onlineRechargeFormThemes = {
     },
     error: {
       color: "#ff4d4f",
-      fontSize: 13,
-      marginTop: 4,
+      fontSize: size === Size.SMALL ? 12 : 13,
+      marginTop: size === Size.SMALL ? 2 : 4,
       textAlign: "left",
     },
     buttonCancel: {
@@ -100,8 +100,8 @@ export const onlineRechargeFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 16px" : "8px 24px",
+      fontSize: size === Size.SMALL ? 12 : 15,
       cursor: "pointer",
     },
     buttonSubmit: {
@@ -109,18 +109,18 @@ export const onlineRechargeFormThemes = {
       color: "#fff",
       border: "none",
       borderRadius: 6,
-      padding: "8px 24px",
-      fontSize: 15,
+      padding: size === Size.SMALL ? "6px 16px" : "8px 24px",
+      fontSize: size === Size.SMALL ? 12 : 15,
       cursor: "pointer",
       fontWeight: 600,
     },
     feeTip: {
-      marginBottom: 24,
-      padding: "12px 16px",
+      marginBottom: size === Size.SMALL ? 16 : 24,
+      padding: size === Size.SMALL ? "8px 10px" : "12px 16px",
       background: "#1a1a1a",
       border: "1px solid #333",
       borderRadius: 6,
-      fontSize: 14,
+      fontSize: size === Size.SMALL ? 12 : 14,
       color: "#52c41a",
     },
   },

package/src/components/business/recharge-sdk/components/recharge/index.tsx

@@ -4,7 +4,9 @@ import { OfflineTransferForm } from "../offline-transfer-form";
 import { t } from "@/local";
 import { Modal } from "@/components/common/modal";
 import { getRechargeTheme } from "./theme";
-
+import { getInitParams } from "@/utils/business";
+import { Size } from "@/types";
+const size = getInitParams<Size>("size");
 interface ModalFormProps {
   visible: boolean;
   onClose: () => void;
@@ -106,7 +108,12 @@ export function Recharge({ visible, onClose, onSubmit }: ModalFormProps) {
   return (
     <Modal visible={visible} onClose={onClose} title={t("充值 / 转账")}>
       {/* tab 按钮区域 */}
-      <div style={{ display: "flex", marginBottom: 28 }}>
+      <div
+        style={{
+          display: "flex",
+          marginBottom: size === Size.SMALL ? 16 : 28,
+        }}
+      >
         <button
           type="button"
           onClick={() => setActiveTab("online")}

package/src/components/business/recharge-sdk/components/recharge/theme.tsx

@@ -1,6 +1,6 @@
-import { Theme, type ThemeConfig } from "@/types";
+import { Size, Theme, type ThemeConfig } from "@/types";
 import { getInitParams } from "@/utils/business";
-
+const size = getInitParams<Size>("size");
 export const rechargeThemes = {
   white: {
     tabBtn: (active: boolean, left: boolean) => ({
@@ -10,8 +10,8 @@ export const rechargeThemes = {
       border: "none",
       borderRadius: left ? "8px 0 0 8px" : "0 8px 8px 0",
       fontWeight: active ? 600 : 400,
-      fontSize: 16,
-      height: 48,
+      fontSize: size === Size.SMALL ? 12 : 16,
+      height: size === Size.SMALL ? 32 : 48,
       boxShadow: active ? "0 2px 8px 0 rgba(20,20,20,0.04)" : "none",
       outline: "none",
       cursor: "pointer",
@@ -28,8 +28,8 @@ export const rechargeThemes = {
       border: "none",
       borderRadius: left ? "8px 0 0 8px" : "0 8px 8px 0",
       fontWeight: active ? 600 : 400,
-      fontSize: 16,
-      height: 48,
+      fontSize: size === Size.SMALL ? 12 : 16,
+      height: size === Size.SMALL ? 32 : 48,
       boxShadow: active ? "0 2px 8px 0 rgba(20,20,20,0.10)" : "none",
       outline: "none",
       cursor: "pointer",
@@ -40,7 +40,6 @@ export const rechargeThemes = {
   },
 };
 
-
 export function getRechargeTheme() {
   const theme = getInitParams<Theme>("theme");
   const themeConfig = getInitParams<ThemeConfig>("themeConfig");