best-unit 1.0.4 → 1.0.6

package/dist/types/global.d.ts

@@ -49,7 +49,7 @@ declare global {
 
   namespace JSX {
     interface IntrinsicElements {
-      "best-recharge": {
+      BestRecharge: {
         theme?: any;
         merchant_id?: string;
         biz_type?: string;

package/package.json

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

package/src/api/axiosInstance.ts

@@ -18,8 +18,8 @@ export function createAxiosInstance(options: CreateAxiosOptions = {}) {
   const fundUnitParams = JSON.parse(
     sessionStorage.getItem("fund_unit_params") || "{}"
   );
-  console.log("fundUnitParams", fundUnitParams);
 
+  console.log("fundUnitParams", fundUnitParams);
   const { env } = fundUnitParams;
 
   let apiUrl: string;
@@ -91,6 +91,21 @@ export function createAxiosInstance(options: CreateAxiosOptions = {}) {
   return instance;
 }
 
-// 默认实例
-const http = createAxiosInstance();
+// 缓存 axios 实例
+let httpInstance: AxiosInstance | null = null;
+
+// 获取 axios 实例的函数
+export function http(): AxiosInstance {
+  if (!httpInstance) {
+    httpInstance = createAxiosInstance();
+  }
+  return httpInstance;
+}
+
+// 重置 axios 实例（当 fund_unit_params 更新时调用）
+export function resetHttpInstance(): void {
+  httpInstance = null;
+}
+
+// 默认导出获取实例的函数
 export default http;

package/src/api/index.ts

@@ -1,11 +1,11 @@
-import http from "./axiosInstance";
+import { http } from "./axiosInstance";
 import type { AxiosProgressEvent } from "axios";
 // 获取余额
 export function getBalance() {
   const fundUnitParams = JSON.parse(
     sessionStorage.getItem("fund_unit_params") || "{}"
   );
-  return http
+  return http()
     .get("/balance", {
       params: {
         merchant_id: fundUnitParams.merchantId,
@@ -25,10 +25,12 @@ export function getBalance() {
 
 // 获取所有字典
 export const getAllDicts = async () => {
-  return http.get("/all-dicts", {}).then((res) => {
-    sessionStorage.setItem("all_dicts", JSON.stringify(res.data));
-    return res.data || {};
-  });
+  return http()
+    .get("/all-dicts", {})
+    .then((res) => {
+      sessionStorage.setItem("all_dicts", JSON.stringify(res.data));
+      return res.data || {};
+    });
 };
 
 // 上传文件
@@ -36,7 +38,7 @@ export const uploadFile = async (
   file: any,
   onProgress?: (percent: number) => void
 ) => {
-  return http
+  return http()
     .post("/oss/upload", file, {
       headers: {
         "Content-Type": "multipart/form-data",
@@ -72,7 +74,7 @@ export const createOfflineRecharge = async (data: any) => {
     transfer_channel: data.transferChannel,
     voucher_urls: data.voucherUrls,
   };
-  return http.post("/offline/recharge/create", params, {});
+  return http().post("/offline/recharge/create", params, {});
 };
 
 // 创建在线充值
@@ -95,9 +97,11 @@ export const createOnlineRecharge = async (data: any) => {
     recharge_channel: data.rechargeChannel,
     return_url: window.location.href,
   };
-  return http.post("/online/recharge/create", params, {}).then((res) => {
-    return res.data.redirect_url;
-  });
+  return http()
+    .post("/online/recharge/create", params, {})
+    .then((res) => {
+      return res.data.redirect_url;
+    });
 };
 
 interface CalcPaymentAmountParams {
@@ -108,7 +112,7 @@ interface CalcPaymentAmountParams {
 
 // 计算支付金额
 export const calcPaymentAmount = async (data: CalcPaymentAmountParams) => {
-  return http
+  return http()
     .get("/calc-payment-amount", {
       params: data,
     })

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

@@ -34,6 +34,6 @@ export function BestUnit() {
   );
 }
 
-register(BestUnit, "best-recharge", ["theme"], { shadow: false });
+register(BestUnit, "BestRecharge", ["theme"], { shadow: false });
 
 export default BestUnit;

package/src/main.ts

@@ -6,5 +6,5 @@ import "./components/business/recharge-sdk";
 import "./components/business/statistical-balance";
 
 // 可选：导出组件列表或版本信息
-export const components = ["best-recharge", "best-statistical-balance"];
+export const components = ["BestRecharge", "best-statistical-balance"];
 export { npmTest, printCurrentTime, initFundUnit, viteProxy };

package/src/types/global.d.ts

@@ -49,7 +49,7 @@ declare global {
 
   namespace JSX {
     interface IntrinsicElements {
-      "best-recharge": {
+      BestRecharge: {
         theme?: any;
         merchant_id?: string;
         biz_type?: string;

package/src/utils/business/index.ts

@@ -1,4 +1,5 @@
 import { getAllDicts } from "../../api";
+import { resetHttpInstance } from "../../api/axiosInstance";
 import { Locale, Theme, type Env } from "../../types";
 
 export function initFundUnit(params: {
@@ -34,6 +35,10 @@ export function initFundUnit(params: {
       env,
     })
   );
+
+  // 重置 axios 实例，确保使用新的配置
+  resetHttpInstance();
+
   getAllDicts();
   return {
     token,