npm - best-unit - Versions diffs - 0.0.43 → 0.0.44 - Mend

best-unit 0.0.43 → 0.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/best-unit.cjs +14 -14
package/dist/best-unit.js +1002 -965
package/index.html +1 -1
package/package.json +1 -1
package/src/api/axiosInstance.ts +8 -12
package/src/api/index.ts +18 -0
package/src/components/business/recharge-sdk/components/OnlineRechargeForm.tsx +44 -0
package/src/local/en.ts +3 -0
package/src/local/zh.ts +2 -0
package/dist/vite.svg +0 -1
package/public/vite.svg +0 -1

package/index.html CHANGED Viewed

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>组件库 Demo</title>
+    <title>Best Unit</title>
   </head>
   <body>
     <div id="app"></div>

package/package.json CHANGED Viewed

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

package/src/api/axiosInstance.ts CHANGED Viewed

@@ -5,16 +5,16 @@ import type {
   InternalAxiosRequestConfig,
 } from "axios";
 import { message } from "../components/common/Message";
+import { Locale } from "../types";
 export interface CreateAxiosOptions {
   baseURL?: string;
   timeout?: number;
-  getLocale?: () => string | null;
   onError?: (msg: string, error: any) => void;
 }
 export function createAxiosInstance(options: CreateAxiosOptions = {}) {
-  const { baseURL = "/api", timeout = 10000, getLocale, onError } = options;
+  const { baseURL = "/api", timeout = 10000, onError } = options;
   const instance: AxiosInstance = axios.create({ baseURL, timeout });
@@ -23,17 +23,13 @@ export function createAxiosInstance(options: CreateAxiosOptions = {}) {
     const fundUnitParams = JSON.parse(
       sessionStorage.getItem("fund_unit_params") || "{}"
     );
-    const { token } = fundUnitParams;
-    config.headers = { ...config.headers, Authorization: token } as any;
+    const { token, locale } = fundUnitParams;
+    config.headers = {
+      ...config.headers,
+      Authorization: token,
+      "x-locale": locale === Locale.ZH ? "zh-CN" : "en-US",
+    } as any;
-    if (getLocale) {
-      const locale = getLocale();
-      if (locale)
-        config.headers = {
-          ...config.headers,
-          "Accept-Language": locale,
-        } as any;
-    }
     return config;
   });

package/src/api/index.ts CHANGED Viewed

@@ -94,5 +94,23 @@ export const createOnlineRecharge = async (data: any) => {
   });
 };
+interface CalcPaymentAmountParams {
+  channel: string; // 支付平台，如 "stripe"
+  amount: string; // 充值金额，如 "10"
+  currency: string; // 币种，如 "USD"
+}
+// 计算支付金额
+export const calcPaymentAmount = async (data: CalcPaymentAmountParams) => {
+  return http
+    .get("/calc-payment-amount", {
+      params: data,
+    })
+    .then((res) => {
+      const data = res.data;
+      return data.payment_amount;
+    });
+};
 // 示例用法：
 // getBalance({ merchant_id: '1128', biz_type: 'ad', token: 'xxx' }).then(res => console.log(res));

package/src/components/business/recharge-sdk/components/OnlineRechargeForm.tsx CHANGED Viewed

@@ -1,7 +1,9 @@
 import type { FunctionalComponent } from "preact";
+import { useState, useEffect } from "preact/hooks";
 import { t } from "../../../../local";
 import { Theme } from "../../../../types";
 import { Select } from "../../../common/Select";
+import { calcPaymentAmount } from "../../../../api";
 interface OnlineRechargeFormProps {
   formState: {
@@ -30,6 +32,29 @@ export const OnlineRechargeForm: FunctionalComponent<
     sessionStorage.getItem("fund_unit_params") || "{}"
   );
   const whiteTheme = fundUnitParams.theme === Theme.WHITE;
+  const [actualAmount, setActualAmount] = useState<string>("");
+  const [showFeeTip, setShowFeeTip] = useState(false);
+  // 当三个参数都填写完整时，计算实际支付金额
+  useEffect(() => {
+    if (formState.currency && formState.amount && formState.rechargeChannel) {
+      calcPaymentAmount({
+        channel: formState.rechargeChannel,
+        amount: formState.amount,
+        currency: formState.currency,
+      })
+        .then((paymentAmount) => {
+          setActualAmount(paymentAmount);
+          setShowFeeTip(true);
+        })
+        .catch((error) => {
+          console.error("计算支付金额失败:", error);
+          setShowFeeTip(false);
+        });
+    } else {
+      setShowFeeTip(false);
+    }
+  }, [formState.currency, formState.amount, formState.rechargeChannel]);
   const theme = whiteTheme
     ? {
@@ -277,6 +302,25 @@ export const OnlineRechargeForm: FunctionalComponent<
           <div style={theme.error}>{formState.rechargeChannelError}</div>
         )}
       </div>
+      {/* 手续费提示 */}
+      {showFeeTip && actualAmount && (
+        <div
+          style={{
+            marginBottom: 24,
+            padding: "12px 16px",
+            background: whiteTheme ? "#f6ffed" : "#1a1a1a",
+            border: `1px solid ${whiteTheme ? "#b7eb8f" : "#333"}`,
+            borderRadius: 6,
+            fontSize: 14,
+            color: whiteTheme ? "#52c41a" : "#52c41a",
+          }}
+        >
+          {channelDict.find(
+            (item: any) => item.value === formState.rechargeChannel
+          )?.label || formState.rechargeChannel}
+          {t("需要收取手续费，实际支付金额约为：")}${actualAmount}
+        </div>
+      )}
       {formState.error && (
         <div style={{ color: "#ff4d4f", marginBottom: 12 }}>
           {formState.error}

package/src/local/en.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export const en: Record<string, string> = {
   冻结金额: "Frozen Amount",
   总可用: "Total Available",
   暂无数据: "No Data",
+  "金额需在1到999999.99之间": "Amount must be between 1 and 999999.99",
   // 充值相关
   "充值 / 转账": "Recharge / Transfer",
@@ -17,6 +18,8 @@ export const en: Record<string, string> = {
   请选择充值币种: "Please select recharge currency",
   请输入充值金额: "Please enter recharge amount",
   请选择支付平台: "Please select payment platform",
+  "需要收取手续费，实际支付金额约为：":
+    "requires a handling fee, the actual payment amount is approximately: ",
   "提交失败，请重试": "Submit failed, please try again",
   "提交中...": "Submitting...",
   去支付: "Go to Pay",

package/src/local/zh.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export const zh: Record<string, string> = {
   冻结金额: "冻结金额",
   总可用: "总可用",
   暂无数据: "暂无数据",
+  "金额需在1到999999.99之间": "金额需在1到999999.99之间",
   // 充值相关
   "充值 / 转账": "充值 / 转账",
@@ -17,6 +18,7 @@ export const zh: Record<string, string> = {
   请选择充值币种: "请选择充值币种",
   请输入充值金额: "请输入充值金额",
   请选择支付平台: "请选择支付平台",
+  "需要收取手续费，实际支付金额约为：": "需要收取手续费，实际支付金额约为：",
   "提交失败，请重试": "提交失败，请重试",
   "提交中...": "提交中...",
   去支付: "去支付",

package/dist/vite.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/public/vite.svg DELETED Viewed

@@ -1 +0,0 @@