best-unit 0.0.35 → 0.0.37

package/dist/types/global.d.ts

@@ -4,17 +4,17 @@ export declare function printCurrentTime(): void;
 
 export declare function initFundUnit(params: {
   token: string;
-  merchant_id: string;
-  biz_type: string;
-  user_id: string;
+  merchant_id?: string;
+  biz_type?: string;
+  fund_balance_id?: string;
   theme?: string;
   locale?: "zh" | "en";
 }): {
   token: string;
-  merchantId: string;
-  bizType: string;
+  merchantId?: string;
+  bizType?: string;
+  fundBalanceId?: string;
   theme?: string;
-  userId: string;
   locale: "zh" | "en";
 };
 

package/package.json

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

package/src/api/index.ts

@@ -10,6 +10,7 @@ export function getBalance() {
       params: {
         merchant_id: fundUnitParams.merchantId,
         biz_type: fundUnitParams.bizType,
+        fund_balance_id: fundUnitParams.fundBalanceId,
       },
     })
     .then((res) => {

package/src/components/common/HoverPopover.tsx

@@ -29,8 +29,13 @@ const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
     "top" | "bottom" | "leftTop" | "rightTop"
   >(popoverPosition);
   const ref = useRef<HTMLDivElement>(null);
+  const timerRef = useRef<number | null>(null);
 
   const handleMouseEnter = () => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
     if (popoverPosition === "top" || popoverPosition === "bottom") {
       if (ref.current) {
         const rect = ref.current.getBoundingClientRect();
@@ -53,6 +58,13 @@ const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
     setShow(true);
   };
 
+  const handleMouseLeave = () => {
+    // 延迟关闭，防止鼠标快速移动到弹窗内容时闪烁
+    timerRef.current = window.setTimeout(() => {
+      setShow(false);
+    }, 120);
+  };
+
   // 弹层定位样式
   let popoverStyle: any = {
     position: "absolute",
@@ -148,11 +160,15 @@ const HoverPopover: FunctionalComponent<HoverPopoverProps> = ({
       ref={ref}
       style={{ position: "relative", display: "inline-block" }}
       onMouseEnter={handleMouseEnter}
-      onMouseLeave={() => setShow(false)}
+      onMouseLeave={handleMouseLeave}
     >
       {children}
       {show && (
-        <div style={popoverStyle}>
+        <div
+          style={popoverStyle}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
+        >
           {popover}
           <div style={arrowStyle} />
         </div>

package/src/demo/App.tsx

@@ -14,7 +14,6 @@ export default function DemoApp() {
         "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3NTM0MTM1MjksIm1lcmNoYW50X2lkIjoxMTI4LCJ0aW1lc3RhbXAiOjE3NTMxNTQzMjl9.UAvzq0P4HCnbJR1Ga3CgF6q3vk2RHiZRvnAFohBTHpw",
       merchant_id: "1128",
       biz_type: "ad",
-      user_id: "123",
       locale: locale,
     });
   };
@@ -97,7 +96,7 @@ export default function DemoApp() {
         </button>
         <button onClick={printCurrentTime}>调用 printCurrentTime()</button>
       </div>
-      <div>
+      <div style={{ textAlign: "center" }}>
         <h3>余额卡片组件演示：</h3>
         <StatisticalBalance />
       </div>

package/src/types/global.d.ts

@@ -4,17 +4,17 @@ export declare function printCurrentTime(): void;
 
 export declare function initFundUnit(params: {
   token: string;
-  merchant_id: string;
-  biz_type: string;
-  user_id: string;
+  merchant_id?: string;
+  biz_type?: string;
+  fund_balance_id?: string;
   theme?: string;
   locale?: "zh" | "en";
 }): {
   token: string;
-  merchantId: string;
-  bizType: string;
+  merchantId?: string;
+  bizType?: string;
+  fundBalanceId?: string;
   theme?: string;
-  userId: string;
   locale: "zh" | "en";
 };
 

package/src/utils/business/index.ts

@@ -1,19 +1,25 @@
 export function initFundUnit(params: {
   token: string;
-  merchant_id: string;
-  biz_type: string;
-  user_id: string;
+  merchant_id?: string;
+  biz_type?: string;
+  fund_balance_id?: string;
   theme?: string;
   locale?: "zh" | "en";
 }) {
-  const { merchant_id, biz_type, theme, user_id, locale = "zh" } = params;
+  const {
+    merchant_id,
+    biz_type,
+    fund_balance_id,
+    theme,
+    locale = "zh",
+  } = params;
   const token = "Bearer " + params.token;
   sessionStorage.setItem(
     "fund_unit_params",
     JSON.stringify({
       merchantId: merchant_id,
       bizType: biz_type,
-      userId: user_id,
+      fundBalanceId: fund_balance_id,
       token,
       theme,
       locale,
@@ -23,8 +29,8 @@ export function initFundUnit(params: {
     token,
     merchantId: merchant_id,
     bizType: biz_type,
+    fundBalanceId: fund_balance_id,
     theme,
-    userId: user_id,
     locale,
   };
 }