best-unit 0.0.45 → 0.0.47

package/package.json

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

package/src/api/axiosInstance.ts

@@ -6,6 +6,7 @@ import type {
 } from "axios";
 import { message } from "../components/common/Message";
 import { Locale } from "../types";
+import { waitForInitialization } from "../utils/business";
 
 export interface CreateAxiosOptions {
   baseURL?: string;
@@ -19,20 +20,24 @@ export function createAxiosInstance(options: CreateAxiosOptions = {}) {
   const instance: AxiosInstance = axios.create({ baseURL, timeout });
 
   // 请求拦截：加 token、国际化
-  instance.interceptors.request.use((config: InternalAxiosRequestConfig) => {
-    const fundUnitParams = JSON.parse(
-      sessionStorage.getItem("fund_unit_params") || "{}"
-    );
-    const { token, locale } = fundUnitParams;
-    console.log(fundUnitParams, "fundUnitParams");
-    config.headers = {
-      ...config.headers,
-      Authorization: token,
-      "x-locale": locale === Locale.ZH ? "zh-CN" : "en-US",
-    } as any;
+  instance.interceptors.request.use(
+    async (config: InternalAxiosRequestConfig) => {
+      // 等待初始化完成
+      await waitForInitialization();
 
-    return config;
-  });
+      const fundUnitParams = JSON.parse(
+        sessionStorage.getItem("fund_unit_params") || "{}"
+      );
+      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/demo/App.tsx

@@ -11,9 +11,21 @@ export default function DemoApp() {
   const [currentTheme, setCurrentTheme] = useState<Theme>(Theme.WHITE);
 
   const initApp = ({ locale, theme }: { locale?: Locale; theme?: Theme }) => {
+    // 测试代码：每次刷新页面时生成不同的 token
+    const generateTestToken = () => {
+      const timestamp = Date.now();
+      const randomId = Math.floor(Math.random() * 1000);
+      return `eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3NTM0MTM1MjksIm1lcmNoYW50X2lkIjoxMTI4LCJ0aW1lc3RhbXAiOjE3NTMxNTQzMjl9.${timestamp}_${randomId}_TEST_TOKEN`;
+    };
+
+    const testToken = generateTestToken();
+    console.log("=== 测试 Token 生成 ===");
+    console.log("当前时间戳:", Date.now());
+    console.log("生成的测试 Token:", testToken);
+    console.log("========================");
+
     initFundUnit({
-      token:
-        "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3NTM0MTM1MjksIm1lcmNoYW50X2lkIjoxMTI4LCJ0aW1lc3RhbXAiOjE3NTMxNTQzMjl9.UAvzq0P4HCnbJR1Ga3CgF6q3vk2RHiZRvnAFohBTHpw",
+      token: testToken,
       merchant_id: "1128",
       biz_type: "ad",
       locale: locale as Locale,
@@ -54,9 +66,30 @@ export default function DemoApp() {
           borderRadius: isDark ? 8 : undefined,
         }}
       >
-        组件库可视化测试
+        组件库可视化测试 (Token 测试版本)
       </h2>
 
+      {/* Token 测试信息显示 */}
+      <div
+        style={{
+          marginBottom: 20,
+          padding: 16,
+          border: "2px solid #1890ff",
+          borderRadius: 8,
+          backgroundColor: "#e6f7ff",
+        }}
+      >
+        <h3 style={{ marginTop: 0, marginBottom: 12, color: "#1890ff" }}>
+          🧪 Token 测试信息：
+        </h3>
+        <p style={{ margin: 0, color: "#1890ff" }}>
+          每次刷新页面都会生成新的测试 Token，请查看控制台输出。
+        </p>
+        <p style={{ margin: "8px 0 0 0", color: "#1890ff", fontSize: "12px" }}>
+          当前时间戳: {Date.now()}
+        </p>
+      </div>
+
       {/* 国际化切换区域 */}
       <div
         style={{

package/src/utils/business/index.ts

@@ -1,7 +1,9 @@
-import { getAllDicts } from "../../api";
 import { Locale, Theme } from "../../types";
 
-export function initFundUnit(params: {
+let isInitialized = false;
+let initPromise: Promise<any> | null = null;
+
+export async function initFundUnit(params: {
   token: string;
   merchant_id?: string;
   biz_type?: string;
@@ -9,32 +11,48 @@ export function initFundUnit(params: {
   theme?: Theme;
   locale?: Locale;
 }) {
-  getAllDicts();
-  const {
-    merchant_id,
-    biz_type,
-    fund_balance_id,
-    theme = Theme.WHITE,
-    locale = Locale.ZH,
-  } = params;
-  const token = "Bearer " + params.token;
-  sessionStorage.setItem(
-    "fund_unit_params",
-    JSON.stringify({
+  // 重置状态，允许重新初始化
+  isInitialized = false;
+  initPromise = null;
+
+  initPromise = new Promise(async (resolve) => {
+    const {
+      merchant_id,
+      biz_type,
+      fund_balance_id,
+      theme = Theme.WHITE,
+      locale = Locale.ZH,
+    } = params;
+    const token = "Bearer " + params.token;
+
+    const fundUnitParams = {
       merchantId: merchant_id,
       bizType: biz_type,
       fundBalanceId: fund_balance_id,
       token,
       theme,
       locale,
-    })
-  );
-  return {
-    token,
-    merchantId: merchant_id,
-    bizType: biz_type,
-    fundBalanceId: fund_balance_id,
-    theme,
-    locale,
-  };
+    };
+
+    sessionStorage.setItem("fund_unit_params", JSON.stringify(fundUnitParams));
+    isInitialized = true;
+
+    console.log("initFundUnit 更新完成:", fundUnitParams);
+    resolve(fundUnitParams);
+  });
+
+  return initPromise;
+}
+
+// 检查是否已初始化
+export function isFundUnitInitialized(): boolean {
+  return isInitialized;
+}
+
+// 等待初始化完成
+export function waitForInitialization(): Promise<any> {
+  if (isInitialized) {
+    return Promise.resolve();
+  }
+  return initPromise || Promise.resolve();
 }