best-unit 2.1.9 → 2.1.13

package/package.json

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

package/src/components/business/payment-sdk/offline-payment/fund-allocation.tsx

@@ -20,6 +20,29 @@ function getBizTypeLabel(bizType: string) {
   return bizType;
 }
 
+function getBizTypePlaceholder(bizType: string) {
+  const prefix = t("请输入");
+  const label = getBizTypeLabel(bizType);
+  return /[A-Za-z]$/.test(prefix) ? `${prefix} ${label}` : `${prefix}${label}`;
+}
+
+function formatPercentageInput(value: string) {
+  let nextValue = value.replace(/[^\d.]/g, "");
+  nextValue = nextValue.replace(/\.(?=.*\.)/g, "");
+  nextValue = nextValue.replace(/^(\d+)(\.\d{0,2})?.*$/, "$1$2");
+  nextValue = nextValue.replace(/^0+(\d)/, "$1");
+
+  if (nextValue.startsWith(".")) {
+    nextValue = `0${nextValue}`;
+  }
+
+  return nextValue;
+}
+
+function formatAutoFilledPercentage(value: number) {
+  return value.toFixed(2).replace(/\.?0+$/, "");
+}
+
 export function useFundAllocation() {
   const [subBusinesses, setSubBusinesses] = useState<MerchantBalanceItem[]>([]);
   const [useFundAllocation, setUseFundAllocation] = useState(false);
@@ -86,10 +109,26 @@ export function useFundAllocation() {
   };
 
   const handlePercentageChange = (bizType: string, value: string) => {
-    setSubBizPercentages((prev) => ({
-      ...prev,
-      [bizType]: value,
-    }));
+    setSubBizPercentages((prev) => {
+      const nextPercentages = {
+        ...prev,
+        [bizType]: value,
+      };
+
+      if (subBusinesses.length === 2) {
+        const pairedBiz = subBusinesses.find((item) => item.bizType !== bizType);
+        const currentValue = Number(value);
+
+        if (pairedBiz) {
+          nextPercentages[pairedBiz.bizType] =
+            value.trim() && !Number.isNaN(currentValue) && currentValue >= 0 && currentValue <= 100
+              ? formatAutoFilledPercentage(100 - currentValue)
+              : "";
+        }
+      }
+
+      return nextPercentages;
+    });
     setSubBizError("");
   };
 
@@ -200,16 +239,16 @@ export function FundAllocationSection({
                   {" (%)"}
                 </label>
                 <input
-                  type="number"
-                  min="0"
-                  max="100"
-                  step="0.01"
-                  placeholder="0"
+                  type="text"
+                  inputMode="decimal"
+                  placeholder={getBizTypePlaceholder(item.bizType)}
                   value={subBizPercentages[item.bizType] || ""}
-                  onChange={(e) => {
+                  onInput={(e) => {
                     onPercentageChange(
                       item.bizType,
-                      (e.target as HTMLInputElement).value,
+                      formatPercentageInput(
+                        (e.target as HTMLInputElement).value,
+                      ),
                     );
                   }}
                   style={{

package/src/demo/App.tsx

@@ -46,7 +46,8 @@ export default function DemoApp() {
       env: env ?? currentEnv,
       size: Size.SMALL,
       biz_type: "ad",
-      merchant_id: "1128",
+      merchant_id: "13226",
+      //  merchant_id: "1128",
       // theme_config: {
       //   white: {
       //     color: "red",

package/src/local/en.ts

@@ -131,6 +131,7 @@ export const en: Record<string, string> = {
   提交审核: "Submit for Review",
   请选择转账时间: "Please select transfer time",
   请输入转账金额: "Please enter transfer amount",
+  请输入: "Please enter",
   是否使用资金分配: "Use fund allocation",
   是: "Yes",
   否: "No",

package/src/local/zh.ts

@@ -94,6 +94,7 @@ export const zh: Record<string, string> = {
   提交审核: "提交审核",
   请选择转账时间: "请选择转账时间",
   请输入转账金额: "请输入转账金额",
+  请输入: "请输入",
   是否使用资金分配: "是否使用资金分配",
   是: "是",
   否: "否",