@pisell/private-materials 3.2.1 → 3.2.3

package/lib/components/wallet/Detail/index.js

@@ -33,44 +33,39 @@ __export(Detail_exports, {
 });
 module.exports = __toCommonJS(Detail_exports);
 var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
 var import_dayjs = __toESM(require("dayjs"));
 var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
 var import_timezone = __toESM(require("dayjs/plugin/timezone"));
 var import_utils = require("@pisell/utils");
 var import_utc = __toESM(require("dayjs/plugin/utc"));
-var import_materials = require("@pisell/materials");
+var import_materials2 = require("@pisell/materials");
 var import_useEngineContext = __toESM(require("./../../../hooks/useEngineContext"));
 var import_locales = __toESM(require("./locales"));
 var import_serve = require("./serve");
 var import_utils2 = require("./../../../utils");
 var import_components = require("../components");
 var import_index = require("./index.less");
-var import_classnames = __toESM(require("classnames"));
-var { Title, Text } = import_materials.Typography;
+var { Text } = import_materials2.Typography;
 import_dayjs.default.extend(import_timezone.default);
 import_dayjs.default.extend(import_utc.default);
 var Detail = (0, import_react.forwardRef)((props, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const {
     detail = {},
     buttonGroupList = [[]],
-    addWalletCallback,
-    style = {},
-    isDiscoundCard = false,
     className,
     showWalletBar = false,
     onBack
   } = props;
   const {
-    id = "",
     code = "",
     tag = "",
     product_title = "",
     encoded = "",
     balance,
     expire_date = "",
-    product = {},
-    machinecode_config = {}
+    product = {}
   } = detail;
   const { description = "" } = product;
   const context = (0, import_useEngineContext.default)();
@@ -82,6 +77,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
   const [timeLineDetail, setTimeLineDetail] = (0, import_react.useState)({});
   const [wechatModalOpen, setWechatModalOpen] = (0, import_react.useState)(false);
   const [copyUrl, setCopyUrl] = (0, import_react.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
   const [apple_wallet_url, setAppleWalletUrl] = (0, import_react.useState)("");
   const [google_wallet_url, setGoogleWalletUrl] = (0, import_react.useState)("");
   const stateTimeUnix = 1723255863;
@@ -142,20 +138,25 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
         label: import_utils.locales.getText("page.wallet.discount"),
         value: balance ? `${Number(balance)}%` : ""
       });
+    } else if (tag === "point_card") {
+      data.splice(2, 0, {
+        label: import_utils.locales.getText("page.wallet.points"),
+        value: balance ? `${Number(balance)}` : ""
+      });
     } else {
       data.splice(2, 0, {
         label: import_utils.locales.getText("page.wallet.balance"),
-        value: balance ? `${symbol}${balance}` : ""
+        value: balance ? `${symbol}${Number(balance)}` : ""
       });
     }
     setListData(data);
   }, [detail]);
+  const { symbol = "$" } = (0, import_materials.usePisellConfig)();
   import_utils.locales.init(import_locales.default, ((_d = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _d.translateLocale) || "en");
   import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
   const { store } = ((_e = context.appHelper) == null ? void 0 : _e.utils) || { store: {} };
   const platform = (0, import_utils.isMobile)() ? "h5" : "pc";
-  const symbol = ((_h = (_g = (_f = store == null ? void 0 : store.getState) == null ? void 0 : _f.call(store)) == null ? void 0 : _g.global) == null ? void 0 : _h.symbol) || "$";
-  const timezone2 = ((_l = (_k = (_j = (_i = store == null ? void 0 : store.getState) == null ? void 0 : _i.call(store)) == null ? void 0 : _j.global) == null ? void 0 : _k.symbol) == null ? void 0 : _l.shop.timezone) || "Asia/Shanghai";
+  const timezone2 = ((_i = (_h = (_g = (_f = store == null ? void 0 : store.getState) == null ? void 0 : _f.call(store)) == null ? void 0 : _g.global) == null ? void 0 : _h.symbol) == null ? void 0 : _i.shop.timezone) || "Asia/Shanghai";
   const formatTimeLineDta = (data) => {
     if (data.length < 0) return [];
     const filteredData = data.filter(
@@ -212,38 +213,39 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
   };
   const getTimeTreeList = async () => {
     var _a2, _b2, _c2, _d2;
-    const { list = [] } = await (0, import_serve.getAssetList)({
-      num: "99",
-      skip: "1",
-      card_id: code,
-      sourceType: tag,
-      tag,
-      business_object: "customer"
-    });
-    let filterList = list.filter(
-      (item) => !!assetActionEnum[item.action || ""]
-    );
-    for (let i = filterList.length - 1; i >= 0; i--) {
-      if (((_a2 = filterList[i]) == null ? void 0 : _a2.action) === "order_expend" && import_dayjs.default.tz((_b2 = filterList[i]) == null ? void 0 : _b2.created_at, timezone2).unix() < stateTimeUnix) {
-        filterList.splice(i, 1);
-      }
-      if (((_c2 = filterList[i]) == null ? void 0 : _c2.tag) === "point_card" && import_dayjs.default.tz((_d2 = filterList[i]) == null ? void 0 : _d2.created_at, timezone2).unix() < stateTimeUnix) {
-        filterList.splice(i, 1);
+    setIsLoading(true);
+    try {
+      const { list = [] } = await (0, import_serve.getAssetList)({
+        num: "99",
+        skip: "1",
+        card_id: code,
+        sourceType: tag,
+        tag,
+        business_object: "customer"
+      });
+      let filterList = list.filter(
+        (item) => !!assetActionEnum[item.action || ""]
+      );
+      for (let i = filterList.length - 1; i >= 0; i--) {
+        if (((_a2 = filterList[i]) == null ? void 0 : _a2.action) === "order_expend" && import_dayjs.default.tz((_b2 = filterList[i]) == null ? void 0 : _b2.created_at, timezone2).unix() < stateTimeUnix) {
+          filterList.splice(i, 1);
+        }
+        if (((_c2 = filterList[i]) == null ? void 0 : _c2.tag) === "point_card" && import_dayjs.default.tz((_d2 = filterList[i]) == null ? void 0 : _d2.created_at, timezone2).unix() < stateTimeUnix) {
+          filterList.splice(i, 1);
+        }
       }
+      setTimeLineData(formatTimeLineDta(filterList));
+    } catch (error) {
+      console.error("Failed to fetch asset list:", error);
+    } finally {
+      setIsLoading(false);
     }
-    setTimeLineData(formatTimeLineDta(filterList));
   };
   (0, import_react.useEffect)(() => {
     if (code) {
       getTimeTreeList();
     }
   }, [code]);
-  const cardProps = {
-    className: (0, import_classnames.default)("pisell-wallet-card", props.className),
-    style: {
-      border: platform === "pc" ? "1px solid #EAECF0" : "none"
-    }
-  };
   const onAppleClick = () => {
     if (isWechat()) {
       setWechatModalOpen(true);
@@ -286,7 +288,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
   };
   const onCopyClick = () => {
     copyToClipboard(copyUrl);
-    (0, import_materials.PisellToast)({
+    (0, import_materials2.PisellToast)({
       content: import_utils.locales.getText("page.wallet.copySuccess"),
       duration: 2
     });
@@ -490,8 +492,8 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
   const assetActionEnum = {
     recharge: tag === "point_card" ? import_utils.locales.getText("page.wallet.pointsEarned") : import_utils.locales.getText("page.wallet.recharge"),
     order_expend: tag === "point_card" ? import_utils.locales.getText("page.wallet.pointsRedeemed") : import_utils.locales.getText("page.wallet.spending"),
-    order_refund: "退款",
-    expire: "过期"
+    order_refund: import_utils.locales.getText("page.wallet.refund"),
+    expire: import_utils.locales.getText("page.wallet.expire")
   };
   const handleRecharge = () => {
     if (props.buttonGroupList && props.buttonGroupList[0] && props.buttonGroupList[0][0]) {
@@ -526,7 +528,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
             ref: anchorWrapperRef
           },
           /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-card-header-anchor" }, /* @__PURE__ */ import_react.default.createElement(
-            import_materials.PisellAnchor,
+            import_materials2.PisellAnchor,
             {
               ref: tabsRef,
               options: anchorOptions,
@@ -555,9 +557,9 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
               "data-section": "detail"
             },
             /* @__PURE__ */ import_react.default.createElement(Text, { className: "wallet-detail-card-content-section-title" }, import_utils.locales.getText("page.wallet.details")),
-            platform === "pc" && /* @__PURE__ */ import_react.default.createElement(import_materials.ButtonGroupPreview, { buttonGroupList }),
+            platform === "pc" && /* @__PURE__ */ import_react.default.createElement(import_materials2.ButtonGroupPreview, { buttonGroupList }),
             /* @__PURE__ */ import_react.default.createElement(
-              import_materials.PisellStatisticList,
+              import_materials2.PisellStatisticList,
               {
                 data: listData,
                 labelColor: "#667085",
@@ -577,13 +579,13 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
               className: "wallet-detail-card-content-section wallet-detail-card-content-section-timeline",
               "data-section": "activityLog"
             },
-            tag !== "product_discount_card" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-card-content-section-subtitle" }, import_utils.locales.getText("page.wallet.activelog")), TimeLineData.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
-              import_materials.Timeline,
+            tag !== "product_discount_card" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-card-content-section-subtitle" }, import_utils.locales.getText("page.wallet.activelog")), isLoading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-timeline-loading" }, /* @__PURE__ */ import_react.default.createElement(import_materials2.Skeleton, { active: true, paragraph: { rows: 6 }, round: true })) : TimeLineData.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
+              import_materials2.Timeline,
               {
                 items: TimeLineData,
                 className: "wallet-detail-timeline-list"
               }
-            ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-card-content-section-empty" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellEmpty, null)))
+            ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-card-content-section-empty" }, /* @__PURE__ */ import_react.default.createElement(import_materials2.PisellEmpty, null)))
           )
         )
       )
@@ -593,13 +595,13 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
       {
         step: "detail",
         onAppleWalletClick: tag === "gift_card" ? addWalletCard : void 0,
-        onRechargeClick: tag === "gift_card" && ((_m = detail == null ? void 0 : detail.machinecode_config) == null ? void 0 : _m.hide_recharge) === 0 ? handleRecharge : void 0,
+        onRechargeClick: tag === "gift_card" && ((_j = detail == null ? void 0 : detail.machinecode_config) == null ? void 0 : _j.hide_recharge) === 0 ? handleRecharge : void 0,
         platform,
         isIOS: (0, import_utils.isIos)()
       }
     ),
     /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellModal,
+      import_materials2.PisellModal,
       {
         platform: platform === "pc" ? "pc" : "h5",
         mobileModalHeight: "auto",
@@ -610,7 +612,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
         open: isShowtimeLineDetail,
         footer: [
           /* @__PURE__ */ import_react.default.createElement(
-            import_materials.Button,
+            import_materials2.Button,
             {
               type: "primary",
               block: true,
@@ -622,7 +624,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
         ]
       },
       /* @__PURE__ */ import_react.default.createElement(
-        import_materials.PisellStatisticList,
+        import_materials2.PisellStatisticList,
         {
           data: [
             {
@@ -651,7 +653,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
       )
     ),
     /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellModal,
+      import_materials2.PisellModal,
       {
         platform: platform === "pc" ? "pc" : "h5",
         mobileModalHeight: "auto",
@@ -664,7 +666,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
         closeIcon: /* @__PURE__ */ import_react.default.createElement(import_XClose.default, { size: 20, style: { fontSize: "24px" } }),
         open: wechatModalOpen,
         footer: [
-          /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { onClick: onCopyClick, block: true, type: "primary", size: "large" }, import_utils.locales.getText("page.wallet.copyButton"))
+          /* @__PURE__ */ import_react.default.createElement(import_materials2.Button, { onClick: onCopyClick, block: true, type: "primary", size: "large" }, import_utils.locales.getText("page.wallet.copyButton"))
         ]
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-copyTitle" }, import_utils.locales.getText("page.wallet.copyTitle")),

package/lib/components/wallet/Detail/index.less

@@ -28,7 +28,7 @@
     inset: 0; /* 简化top, right, bottom, left设置 */
     display: flex;
     flex-direction: column;
-    height: 100vh;
+    height: -webkit-fill-available !important;
     
     // 样式
     padding: 0;

package/lib/components/wallet/Detail/locales.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
         'page.wallet.recharge': string;
         'page.wallet.pointsEarned': string;
         'page.wallet.pointsRedeemed': string;
+        'page.wallet.refund': string;
+        'page.wallet.expire': string;
         'page.wallet.viewOrder': string;
         'page.wallet.done': string;
         'page.wallet.addIos': string;
@@ -34,6 +36,8 @@ declare const _default: {
         'page.wallet.recharge': string;
         'page.wallet.pointsEarned': string;
         'page.wallet.pointsRedeemed': string;
+        'page.wallet.refund': string;
+        'page.wallet.expire': string;
         'page.wallet.viewOrder': string;
         'page.wallet.done': string;
         'page.wallet.addIos': string;
@@ -55,6 +59,8 @@ declare const _default: {
         'page.wallet.recharge': string;
         'page.wallet.pointsEarned': string;
         'page.wallet.pointsRedeemed': string;
+        'page.wallet.refund': string;
+        'page.wallet.expire': string;
         'page.wallet.viewOrder': string;
         'page.wallet.done': string;
         'page.wallet.addIos': string;

package/lib/components/wallet/Detail/locales.js

@@ -40,6 +40,8 @@ var locales_default = {
     "page.wallet.recharge": "Recharge",
     "page.wallet.pointsEarned": "Points Earned",
     "page.wallet.pointsRedeemed": "Points Redeemed",
+    "page.wallet.refund": "Refund",
+    "page.wallet.expire": "Expire",
     "page.wallet.viewOrder": "View order",
     "page.wallet.done": "Done",
     "page.wallet.addIos": "Add to Apple Wallet",
@@ -64,6 +66,8 @@ var locales_default = {
     "page.wallet.recharge": "充值",
     "page.wallet.pointsEarned": "获得积分",
     "page.wallet.pointsRedeemed": "使用积分",
+    "page.wallet.refund": "退款",
+    "page.wallet.expire": "过期",
     "page.wallet.viewOrder": "浏览订单",
     "page.wallet.done": "完成",
     "page.wallet.addIos": "添加到苹果钱包",
@@ -88,6 +92,8 @@ var locales_default = {
     "page.wallet.recharge": "充值",
     "page.wallet.pointsEarned": "獲得積分",
     "page.wallet.pointsRedeemed": "使用積分",
+    "page.wallet.refund": "退款",
+    "page.wallet.expire": "過期",
     "page.wallet.viewOrder": "瀏覽訂單",
     "page.wallet.done": "完成",
     "page.wallet.addIos": "添加到蘋果錢包",

package/lib/components/wallet/Detail/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    addWalletCard: any;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    walletDetailState: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/lib/components/wallet/DiscountCard/index.js

@@ -51,7 +51,6 @@ var RechargeableCard = (0, import_model.Provider)((props) => {
   const context = (0, import_useEngineContext.default)();
   const utils = context.appHelper.utils || {};
   const dvaStore = (_b = (_a = utils == null ? void 0 : utils.getStore) == null ? void 0 : _a.call(utils)) == null ? void 0 : _b.getState();
-  const { action, storage } = utils || {};
   const platform = (0, import_react.useMemo)(() => (0, import_utils.isMobile)() ? "h5" : "pc", []);
   const { openDetail, renderDetail, closeDetail } = (0, import_DetailContext.useDetail)();
   const recordViewRef = (0, import_react.useRef)(null);
@@ -66,7 +65,6 @@ var RechargeableCard = (0, import_model.Provider)((props) => {
         type: "setState",
         payload: { setup: globalState.setup }
       });
-      console.log("%c [ DiscountCard global setup sync ]-46", "font-size:13px; color:#bf2c9f;", globalState.setup);
     }
   }, [globalState.setup]);
   const handleBack = () => {
@@ -81,7 +79,6 @@ var RechargeableCard = (0, import_model.Provider)((props) => {
     setGlobalState({
       setup: "list"
     });
-    console.log("%c [ DiscountCard setup back ]-51", "font-size:13px; color:#bf2c9f;", "list");
   };
   const renderItem = (item) => {
     return /* @__PURE__ */ import_react.default.createElement(
@@ -148,7 +145,6 @@ var RechargeableCard = (0, import_model.Provider)((props) => {
   };
   const detail = () => {
     if (!(currentDetail == null ? void 0 : currentDetail.id)) return null;
-    console.log("%c [ DiscountCard detail ]-132", "font-size:13px; color:#bf2c9f;", globalState.setup);
     const detailWithBar = {
       ...currentDetail,
       isDiscoundCard: true,
@@ -177,7 +173,6 @@ var RechargeableCard = (0, import_model.Provider)((props) => {
           type: "setState",
           payload: { setup: "detail" }
         });
-        console.log("%c [ DiscountCard setup click ]-178", "font-size:13px; color:#bf2c9f;", "detail");
         openDetail({
           ...currentDetail2,
           isDiscoundCard: true,

package/lib/components/wallet/DiscountCard/model.d.ts

@@ -1 +1,14 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+    setup?: 'menu' | 'list' | 'detail' | string;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/lib/components/wallet/PointCard/index.js

@@ -42,7 +42,6 @@ var import_index = require("./index.less");
 var import_DetailContext = require("../DetailContext");
 var import_WalletCard = __toESM(require("../components/WalletCard"));
 var { Title } = import_materials.Typography;
-var Amount = import_materials.PisellText.Amount;
 var RechargeableCard = (0, import_model.Provider)((props) => {
   var _a, _b, _c;
   const { globalState, setGlobalState } = props;
@@ -134,7 +133,6 @@ var RechargeableCard = (0, import_model.Provider)((props) => {
       (_a2 = recordViewRef.current) == null ? void 0 : _a2.closeDetailModal();
     }
   }, [globalState.setup]);
-  console.log("%c [ state.total ]-132", "font-size:13px; color:#bf2c9f;", state.total);
   return isEmpty ? /* @__PURE__ */ import_react.default.createElement(import_materials.PisellEmpty, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, platform !== "pc" && /* @__PURE__ */ import_react.default.createElement(Title, { className: "wallet-pointCard-title" }, import_utils.locales.getText("page.wallet.pointCard")), /* @__PURE__ */ import_react.default.createElement(
     import_materials.CardMetricItem,
     {

package/lib/components/wallet/PointCard/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/lib/components/wallet/RechargeableCard/model.d.ts

@@ -1 +1,29 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    selectedGiftOptionId: string | null;
+    cardList: Array<{
+        id: string;
+        name: string;
+        price: number;
+    }>;
+    selectedItem: {
+        id?: string;
+        gift_price?: number;
+        price?: number;
+        name?: string;
+        variant_id?: string;
+    };
+    productId?: string;
+    detailId?: string;
+    total: string | number;
+    rechargeModalOpen: boolean;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/lib/components/wallet/Voucher/index.js

@@ -38,12 +38,14 @@ var import_model = require("./model");
 var import_WalletCard = __toESM(require("../components/WalletCard"));
 var import_useWalletCard = require("../hooks/useWalletCard");
 var import_utils = require("@pisell/utils");
+var import_DetailContext = require("../DetailContext");
 var import_index = require("./index.less");
 var { Title } = import_materials.Typography;
 var Voucher = (0, import_model.Provider)((props) => {
   const { globalState, setGlobalState } = props;
   const { product_voucher = [] } = globalState;
   const recordViewRef = (0, import_react.useRef)(null);
+  const { openDetail, renderDetail } = (0, import_DetailContext.useDetail)();
   const {
     platform,
     isEmpty,
@@ -79,6 +81,14 @@ var Voucher = (0, import_model.Provider)((props) => {
   if (isEmpty) {
     return /* @__PURE__ */ import_react.default.createElement(import_materials.PisellEmpty, null);
   }
+  const handleBack = (0, import_react.useCallback)(() => {
+    if (recordViewRef.current) {
+      recordViewRef.current.closeDetailModal();
+    }
+    setGlobalState({
+      setup: "list"
+    });
+  }, [recordViewRef, setGlobalState]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, platform !== "pc" && /* @__PURE__ */ import_react.default.createElement(Title, { className: "wallet-voucher-title" }, import_utils.locales.getText("page.wallet.voucher")), /* @__PURE__ */ import_react.default.createElement(
     import_materials.CardMetricItem,
     {
@@ -96,7 +106,22 @@ var Voucher = (0, import_model.Provider)((props) => {
       leftSpan: 9,
       rightSpan: 15,
       gutter: 20,
-      onRowClick: handleRowClick,
+      onRowClick: (currentDetail) => {
+        setGlobalState({
+          currentId: currentDetail.id || "",
+          currentDetail,
+          setup: "detail"
+          // 设置状态为detail
+        });
+        const detailWithProps = {
+          ...currentDetail,
+          showWalletBar: platform === "h5",
+          // 添加显示WalletBar的标志
+          onBack: handleBack
+          // 添加返回处理函数
+        };
+        openDetail(detailWithProps);
+      },
       modalWrapStyle: {
         overflowY: "auto",
         top: 68,

package/lib/components/wallet/Voucher/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: 0;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/lib/components/wallet/components/FooterButtons/index.js

@@ -59,7 +59,8 @@ var FooterButtons = ({
             disabled,
             size: "large",
             className: "wallet-footer-buttons-item wallet-footer-buttons-item-primary"
-          }
+          },
+          import_utils.locales.getText("page.wallet.button.add")
         ));
       case "detail":
         const buttons = [];

package/lib/components/wallet/components/WalletCard.js

@@ -60,7 +60,6 @@ var WalletCard = ({
   const { title: disabledReason = "" } = unified_messages;
   const { name: storeName = "" } = shop;
   const isActive = id === currentId && platform === "pc";
-  console.log("%c [ tag ]-49", "font-size:13px; color:#bf2c9f;", tag);
   const isDisabled = limit_status !== "enable";
   return /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellWalletPassCard,

package/lib/components/wallet/hooks/useWalletCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

package/lib/components/wallet/index.js

@@ -281,7 +281,6 @@ var Wallet = (0, import_model.Provider)(() => {
     ]
   };
   const onBack = () => {
-    console.log("%c [ setup ]-339", "font-size:13px; color:#bf2c9f;", setup);
     if (setup === "menu") {
       history.back();
     } else {
@@ -404,7 +403,6 @@ var Wallet = (0, import_model.Provider)(() => {
     if (setup === "menu") {
       return null;
     }
-    console.log("%c [ setup ]-538", "font-size:13px; background:pink; color:#bf2c9f;", setup);
     if (setup === "list") {
       return /* @__PURE__ */ import_react.default.createElement(
         import_materials.Button,
@@ -451,6 +449,7 @@ var Wallet = (0, import_model.Provider)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellWalletPassCard,
       {
+        balanceTitle: global_wallet.currentTag === "point_card" ? import_utils.locales.getText("page.wallet.points") : void 0,
         showDetail: false,
         showRedeem: false,
         showQrCode: false,
@@ -459,7 +458,7 @@ var Wallet = (0, import_model.Provider)(() => {
         showDisabledReason: !isEnabled,
         disabledReason: title,
         propStyle: { marginBottom: 10 },
-        showBalanceSymbol: true,
+        showBalanceSymbol: global_wallet.currentTag !== "point_card",
         showBalance: global_wallet.currentTag !== "product_discount_card",
         active: isActive,
         name: product_name,

package/lib/components/wallet/locales.js

@@ -27,7 +27,7 @@ var locales_default = {
     // English translations
     "page.wallet.rechargeableCard": "Rechargeable card",
     "page.wallet.voucher": "Voucher",
-    "page.wallet.pointCard": "Points card",
+    "page.wallet.pointCard": "Points",
     "page.wallet.discountCard": "Discount card",
     "page.wallet.unavailable": "Unavailable",
     "page.wallet.available": "Available",

package/lib/components/wallet/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -26,4 +27,11 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    global_wallet: WalletListProps;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/walletList/index.js

@@ -312,7 +312,6 @@ var WalletList = (0, import_model.Provider)((props) => {
         return {
           key,
           label: key,
-          // 不做多语言处理，保持原样
           hidden: false,
           value: balanceKey ? balance[balanceKey] || 0 : 0
         };
@@ -397,7 +396,7 @@ var WalletList = (0, import_model.Provider)((props) => {
   }, []);
   const renderContent = () => {
     if (loading) {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-container pisell-wallet-skeleton" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-card-skeleton" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { active: true, paragraph: { rows: 6 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-card-code-skeleton" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton.Button, { active: true, style: { width: "80%", height: 50 } })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-navigation-skeleton" }, /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-list-container pisell-wallet-skeleton" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-card-skeleton" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { active: true, paragraph: { rows: 6 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-card-code-skeleton" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton.Button, { active: true, style: { width: "80%", height: 50 } })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-navigation-skeleton" }, /* @__PURE__ */ import_react.default.createElement(
         import_antd.Skeleton.Button,
         {
           active: true,
@@ -414,7 +413,7 @@ var WalletList = (0, import_model.Provider)((props) => {
     if (list.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-content" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Carousel, { ref: carouselRef, ...carouselProps }, list.map((item) => renderWalletCard(item)))), list && list.length > 1 && isUserLoggedIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-navigation" }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-list-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-content" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Carousel, { ref: carouselRef, ...carouselProps }, list.map((item) => renderWalletCard(item)))), list && list.length > 1 && isUserLoggedIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-navigation" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `wallet-nav-button wallet-prev ${currentIndex === 0 ? "disabled" : ""}`,