best-unit 1.4.7 → 1.4.9

package/package.json

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

package/src/api/index.ts

@@ -133,7 +133,24 @@ export const calcPaymentAmount = async (data: CalcPaymentAmountParams) => {
         paymentAmount: data.payment_amount,
         fee: data.fee,
         currency: data.currency,
-      }
+      };
+    });
+};
+
+// /sdk/channel/info
+export const getChannelInfo = async (data: {
+  code: string;
+  bizType: string;
+}) => {
+  return http()
+    .get("/channel/info", {
+      params: {
+        code: data.code,
+        biz_type: data.bizType,
+      },
+    })
+    .then((res) => {
+      return res.data?.detail || [];
     });
 };
 

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

@@ -1,6 +1,7 @@
 import type { FunctionalComponent } from "preact";
+import { useState } from "preact/hooks";
 import { Upload } from "@/components/common/upload";
-import { createOfflineRecharge } from "@/api";
+import { createOfflineRecharge, getChannelInfo } from "@/api";
 import { message } from "@/components/common/message";
 import { t } from "@/local";
 import { Select } from "@/components/common/select";
@@ -29,6 +30,9 @@ export const OfflineTransferForm: FunctionalComponent<
   const channelDict = allDicts?.channel || [];
   const theme = getOfflineTransferFormTheme();
 
+  // 渠道信息展示
+  const [channelInfo, setChannelInfo] = useState<string[]>([]);
+
   const handleSubmit = async (e: any) => {
     e.preventDefault();
     let valid = true;
@@ -69,6 +73,22 @@ export const OfflineTransferForm: FunctionalComponent<
     message.success(t("提交成功"));
   };
 
+  function handlePlatformChange(value: string) {
+    setFormState((state: any) => ({
+      ...state,
+      platform: value,
+      platformError: value ? "" : state.platformError,
+    }));
+    console.log(value, "value");
+    getChannelInfo({
+      code: value,
+      bizType: "fulfill",
+    }).then((res) => {
+      console.log(res, "res");
+      // 兼容空值与非数组返回
+      setChannelInfo(Array.isArray(res) ? res : res ? [String(res)] : []);
+    });
+  }
   return (
     <form onSubmit={handleSubmit}>
       <div style={{ marginBottom: 18 }}>
@@ -78,11 +98,7 @@ export const OfflineTransferForm: FunctionalComponent<
         <Select
           value={formState.platform}
           onChange={(value) => {
-            setFormState((state: any) => ({
-              ...state,
-              platform: value,
-              platformError: value ? "" : state.platformError,
-            }));
+            handlePlatformChange(value);
           }}
           options={[
             ...channelDict?.map((item: any) => ({
@@ -95,6 +111,15 @@ export const OfflineTransferForm: FunctionalComponent<
         {formState.platformError && (
           <div style={theme.error}>{formState.platformError}</div>
         )}
+        {channelInfo.length > 0 && (
+          <div style={theme.channelInfoBox}>
+            {channelInfo.map((line, idx) => (
+              <div key={idx} style={theme.channelInfoItem}>
+                {line}
+              </div>
+            ))}
+          </div>
+        )}
       </div>
       <div style={{ marginBottom: 18 }}>
         <div style={theme.label}>

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

@@ -104,6 +104,19 @@ function createOfflineTransferFormThemes() {
         marginTop: size === Size.SMALL ? 2 : 4,
         textAlign: "left",
       },
+      channelInfoBox: {
+        marginTop: size === Size.SMALL ? 8 : 10,
+        padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
+        borderRadius: 6,
+        background: "#F7F8FA",
+        border: "1px solid #E5E6EB",
+      },
+      channelInfoItem: {
+        color: "#222",
+        fontSize: size === Size.SMALL ? 12 : 13,
+        lineHeight: 1.6,
+        wordBreak: "break-all",
+      },
     },
     dark: {
       label: {
@@ -205,6 +218,19 @@ function createOfflineTransferFormThemes() {
         marginTop: size === Size.SMALL ? 2 : 4,
         textAlign: "left",
       },
+      channelInfoBox: {
+        marginTop: size === Size.SMALL ? 8 : 10,
+        padding: size === Size.SMALL ? "8px 10px" : "10px 12px",
+        borderRadius: 6,
+        background: "#23262F",
+        border: "1px solid #374151",
+      },
+      channelInfoItem: {
+        color: "#fff",
+        fontSize: size === Size.SMALL ? 12 : 13,
+        lineHeight: 1.6,
+        wordBreak: "break-all",
+      },
     },
   };
 }

package/src/components/business/statistical-balance/index.tsx

@@ -95,7 +95,6 @@ function StatisticalBalance(props: { popoverPosition?: PopoverPosition }) {
   useEffect(() => {
     // 监听refresh-balance事件
     const handleRefreshBalance = () => {
-      console.log("handleRefreshBalance");
       fetchBalance();
     };
 

package/src/utils/business/index.ts

@@ -43,11 +43,11 @@ export interface InitParams {
 
 // 获取余额数据并暴露给外部系统
 export async function getBalanceData() {
-  let balanceData = JSON.parse(sessionStorage.getItem("balanceData") || "{}");
-  if (balanceData && Object.keys(balanceData).length > 0) {
-    return balanceData;
-  }
-  balanceData = await getBalance();
+  // let balanceData = JSON.parse(sessionStorage.getItem("balanceData") || "{}");
+  // if (balanceData && Object.keys(balanceData).length > 0) {
+  //   return balanceData;
+  // }
+  const balanceData = await getBalance();
   return balanceData;
 }
 
@@ -121,7 +121,6 @@ export function getInitParams<T = InitParams>(key?: string | string[]): T {
  * 触发余额刷新事件
  */
 export function refreshBalance() {
-  console.log("refreshBalance");
   const refreshEvent = new CustomEvent("refresh-balance", {
     detail: {},
     bubbles: true,