best-unit 1.4.8 → 1.4.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "best-unit",
   "private": false,
-  "version": "1.4.8",
+  "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",
+      },
     },
   };
 }