best-unit 1.0.11 → 1.0.13

package/src/demo/testBalanceData.tsx

@@ -0,0 +1,79 @@
+import { useState } from "preact/hooks";
+import { getBalanceData } from "@/utils/business";
+
+interface TestBalanceDataProps {
+  isDark: boolean;
+}
+
+export function TestBalanceData({ isDark }: TestBalanceDataProps) {
+  const [balanceData, setBalanceData] = useState<any>(null);
+  const [balanceLoading, setBalanceLoading] = useState(false);
+
+  // 测试 getBalanceData 函数
+  const testGetBalanceData = () => {
+    setBalanceLoading(true);
+    try {
+      const result = getBalanceData();
+      setBalanceData(result);
+      console.log("getBalanceData 测试结果:", result);
+    } catch (error) {
+      console.error("getBalanceData 测试失败:", error);
+      setBalanceData({ error: "获取失败" });
+    } finally {
+      setBalanceLoading(false);
+    }
+  };
+
+  return (
+    <div
+      style={{
+        marginBottom: 20,
+        padding: 16,
+        border: "2px solid #52c41a",
+        borderRadius: 8,
+        backgroundColor: "#f6ffed",
+      }}
+    >
+      <h3 style={{ marginTop: 0, marginBottom: 12, color: "#52c41a" }}>
+        🧪 getBalanceData 函数测试：
+      </h3>
+      <button
+        onClick={testGetBalanceData}
+        disabled={balanceLoading}
+        style={{
+          padding: "8px 16px",
+          backgroundColor: balanceLoading ? "#d9d9d9" : "#52c41a",
+          color: "#fff",
+          border: "none",
+          borderRadius: 6,
+          cursor: balanceLoading ? "not-allowed" : "pointer",
+          marginBottom: 12,
+        }}
+      >
+        {balanceLoading ? "测试中..." : "测试 getBalanceData 函数"}
+      </button>
+
+      {balanceData && (
+        <div
+          style={{
+            marginTop: 12,
+            padding: 12,
+            backgroundColor: isDark ? "#23262F" : "#fff",
+            border: "1px solid #d9d9d9",
+            borderRadius: 6,
+            fontSize: "12px",
+            fontFamily: "monospace",
+            whiteSpace: "pre-wrap",
+            maxHeight: "200px",
+            overflow: "auto",
+          }}
+        >
+          <strong>测试结果：</strong>
+          {JSON.stringify(balanceData, null, 2)}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default TestBalanceData;

package/src/main.ts

@@ -1,10 +1,26 @@
 import { npmTest, printCurrentTime } from "@/utils/common/index";
-import { initFundUnit } from "@/utils/business/index";
+import {
+  initFundUnit,
+  getBalanceData,
+  refreshBalance,
+} from "@/utils/business/index";
 import { viteProxy } from "@/api/proxy";
 
 import "@/components/business/recharge-sdk";
 import "@/components/business/statistical-balance";
+import "@/components/business/refresh-button";
 
 // 可选：导出组件列表或版本信息
-export const components = ["best-recharge", "best-statistical-balance"];
-export { npmTest, printCurrentTime, initFundUnit, viteProxy };
+export const components = [
+  "best-recharge",
+  "best-statistical-balance",
+  "best-refresh-button",
+];
+export {
+  npmTest,
+  printCurrentTime,
+  initFundUnit,
+  getBalanceData,
+  refreshBalance,
+  viteProxy,
+};

package/src/types/global.d.ts

@@ -21,6 +21,10 @@ export declare function initFundUnit(params: {
   env: Env;
 };
 
+export declare function getBalanceData(): any;
+
+export declare function refreshBalance(): void;
+
 // Vite 代理配置类型
 export declare const viteProxy: {
   "/api": {
@@ -44,6 +48,8 @@ declare global {
         theme?: Theme;
         env: Env;
       }) => void;
+      getBalanceData: () => any;
+      refreshBalance: () => void;
     };
   }
 
@@ -57,6 +63,7 @@ declare global {
         [key: string]: any;
       };
       "best-statistical-balance": any;
+      "best-refresh-button": any;
     }
   }
 }

package/src/utils/business/index.ts

@@ -2,6 +2,20 @@ import { getAllDicts } from "@/api";
 import { resetHttpInstance } from "@/api/axiosInstance";
 import { Locale, Theme, type Env } from "@/types";
 
+// 余额数据结构接口
+export interface BalanceData {
+  fundBalanceId: string; // 余额账户id
+  merchantId: number; // 商户id
+  bizType: string; // 业务类型
+  currency: string; // 币种
+  totalAmount: string; // 真实金额
+  availableAmount: string; // 可用余额
+  frozenAmount: string; // 冻结金额
+  pendingAmount: string; // 待处理金额
+  status: string; // 状态
+  createdAt: string; // 创建时间
+}
+
 export interface InitParams {
   token: string;
   merchant_id?: string;
@@ -13,6 +27,11 @@ export interface InitParams {
   env: Env;
 }
 
+// 获取余额数据并暴露给外部系统
+export function getBalanceData() {
+  return JSON.parse(sessionStorage.getItem("balanceData") || "{}");
+}
+
 export function initFundUnit(params: InitParams) {
   const {
     merchant_id,
@@ -37,7 +56,6 @@ export function initFundUnit(params: InitParams) {
       env,
     })
   );
-
   // 重置 axios 实例，确保使用新的配置
   resetHttpInstance();
 
@@ -73,3 +91,17 @@ export function getInitParams<T = InitParams>(key?: string | string[]): T {
 
   return fundUnitParams[key] as T;
 }
+
+/**
+ * 触发余额刷新事件
+ */
+export function refreshBalance() {
+  const refreshEvent = new CustomEvent("refresh-balance", {
+    detail: {},
+    bubbles: true,
+    composed: true,
+  });
+
+  // 从document开始分发事件
+  document.dispatchEvent(refreshEvent);
+}