@pisell/private-materials 6.0.22 → 6.0.23

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

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/Detail/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getAssetList: () => getAssetList,
+  getDetailApi: () => getDetailApi
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("./../../../utils");
+var getAssetList = async (params) => {
+  const { data } = await import_utils.request.getRequest().get(`/h5/pay/asset/lowcode/list`, params);
+  return data;
+};
+var getDetailApi = async (params) => {
+  const { data } = await import_utils.request.getRequest().get(`/h5/machinecode/lowcode/detail/${params.id}`, {});
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getAssetList,
+  getDetailApi
+});

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

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface DetailContextType {
+    openDetail: (detail: any) => void;
+    closeDetail: () => void;
+    addWalletCard: () => void;
+    setShowModal: (show: boolean) => void;
+    renderDetail: (detail: any) => React.ReactNode;
+    currentDetail: any;
+    isOpen: boolean;
+    isInitialized: boolean;
+}
+export interface DetailProviderProps {
+    children: ReactNode;
+}
+/**
+ * 详情提供者组件
+ * 管理钱包详情的显示状态和数据
+ */
+export declare const DetailProvider: React.FC<DetailProviderProps>;
+/**
+ * 使用详情上下文的钩子
+ * @returns DetailContext上下文值
+ * @throws 如果不在DetailProvider内部使用，将抛出错误
+ */
+export declare const useDetail: () => DetailContextType;

package/lib/components/wallet/DetailContext.js

@@ -0,0 +1,118 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/DetailContext.tsx
+var DetailContext_exports = {};
+__export(DetailContext_exports, {
+  DetailProvider: () => DetailProvider,
+  useDetail: () => useDetail
+});
+module.exports = __toCommonJS(DetailContext_exports);
+var import_react = __toESM(require("react"));
+var import_Detail = __toESM(require("./Detail"));
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./Detail/locales"));
+var import_utils2 = require("../../utils");
+var DetailContext = (0, import_react.createContext)(null);
+var DetailProvider = ({ children }) => {
+  var _a, _b, _c;
+  const [currentDetail, setCurrentDetail] = (0, import_react.useState)(null);
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const [isInitialized, setIsInitialized] = (0, import_react.useState)(false);
+  const detailRef = (0, import_react.useRef)(null);
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const dvaStore = (_c = (_b = utils == null ? void 0 : utils.getStore) == null ? void 0 : _b.call(utils)) == null ? void 0 : _c.getState();
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    import_utils.locales.init(import_locales.default, ((_a2 = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _a2.translateLocale) || "en");
+    import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
+    setIsInitialized(true);
+  }, []);
+  const platform = (0, import_react.useMemo)(() => (0, import_utils.isMobile)() ? "h5" : "pc", []);
+  const isMobileDevice = (0, import_react.useMemo)(() => (0, import_utils.isMobile)(), []);
+  const openDetail = (detail) => {
+    setCurrentDetail(detail);
+    setIsOpen(true);
+  };
+  const closeDetail = () => {
+    setIsOpen(false);
+  };
+  const addWalletCard = () => {
+    var _a2;
+    (_a2 = detailRef.current) == null ? void 0 : _a2.addWalletCard();
+  };
+  const setShowModal = (show) => {
+    setIsOpen(show);
+  };
+  const renderDetail = (detail) => {
+    if (!detail) return null;
+    const { buttonGroupList = [], showWalletBar, onBack, ...restDetail } = detail;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Detail.default,
+      {
+        detail: restDetail,
+        showWalletBar,
+        onBack,
+        addWalletCallback: (addWallet) => {
+        },
+        buttonGroupList
+      }
+    );
+  };
+  const contextValue = (0, import_react.useMemo)(() => ({
+    openDetail,
+    closeDetail,
+    currentDetail,
+    isOpen,
+    addWalletCard,
+    setShowModal,
+    renderDetail,
+    isInitialized
+  }), [currentDetail, isOpen, isInitialized]);
+  (0, import_react.useEffect)(() => {
+    window.__WALLET_DETAIL_CONTEXT__ = contextValue;
+    return () => {
+      delete window.__WALLET_DETAIL_CONTEXT__;
+    };
+  }, [contextValue]);
+  return /* @__PURE__ */ import_react.default.createElement(DetailContext.Provider, { value: contextValue }, children);
+};
+var useDetail = () => {
+  const context = (0, import_react.useContext)(DetailContext);
+  if (!context) {
+    throw new Error("useDetail必须在DetailProvider内部使用");
+  }
+  return context;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DetailProvider,
+  useDetail
+});

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const RechargeableCard: any;
+export default RechargeableCard;

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

@@ -0,0 +1,209 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/DiscountCard/index.tsx
+var DiscountCard_exports = {};
+__export(DiscountCard_exports, {
+  default: () => DiscountCard_default
+});
+module.exports = __toCommonJS(DiscountCard_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_model = require("./model");
+var import_DetailContext = require("../DetailContext");
+var import_WalletCard = __toESM(require("../components/WalletCard"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("../locales"));
+var import_index = require("./index.less");
+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;
+  const { currentId, product_discount_card = [], currentDetail } = globalState;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  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 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);
+  (0, import_react.useEffect)(() => {
+    if ((state == null ? void 0 : state.setup) !== "detail" && recordViewRef.current) {
+      recordViewRef.current.closeDetailModal();
+    }
+  }, [state == null ? void 0 : state.setup]);
+  (0, import_react.useEffect)(() => {
+    if (globalState.setup && globalState.setup !== (state == null ? void 0 : state.setup)) {
+      dispatch({
+        type: "setState",
+        payload: { setup: globalState.setup }
+      });
+    }
+  }, [globalState.setup]);
+  const handleBack = () => {
+    if (recordViewRef.current) {
+      recordViewRef.current.closeDetailModal();
+    }
+    closeDetail();
+    dispatch({
+      type: "setState",
+      payload: { setup: "list" }
+    });
+    setGlobalState({
+      setup: "list"
+    });
+  };
+  const renderItem = (item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_WalletCard.default,
+      {
+        item,
+        currentId,
+        isDiscountCard: true,
+        onClick: () => {
+          setGlobalState({
+            currentId: item.id
+          });
+        }
+      }
+    );
+  };
+  (0, import_react.useEffect)(() => {
+    if (currentId) {
+      dispatch({
+        type: "setState",
+        payload: {
+          currentDetail: product_discount_card.find(
+            (item) => item.id === currentId
+          )
+        }
+      });
+    }
+  }, [currentId]);
+  (0, import_react.useEffect)(() => {
+    const enabledCards = product_discount_card.filter(
+      (item) => item.limit_status === "enable"
+    );
+    const total = enabledCards.reduce(
+      (sum, item) => sum + Number(item.balance),
+      0
+    );
+    dispatch({
+      type: "setState",
+      payload: {
+        total
+      }
+    });
+  }, [product_discount_card]);
+  const isEmpty = !product_discount_card.some(
+    (item) => item.limit_status === "enable"
+  );
+  import_utils.locales.init(import_locales.default, ((_c = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _c.translateLocale) || "en");
+  const formatData = () => {
+    const fileterArr = product_discount_card.filter(() => {
+    });
+    let available = {
+      title: import_utils.locales.getText("page.wallet.available"),
+      dataSource: product_discount_card.filter(
+        (item) => item.limit_status === "enable"
+      )
+    };
+    const unavailable = {
+      title: import_utils.locales.getText("page.wallet.unavailable"),
+      dataSource: product_discount_card.filter(
+        (item) => item.limit_status === "disable"
+      )
+    };
+    return [available, unavailable];
+  };
+  const detail = () => {
+    if (!(currentDetail == null ? void 0 : currentDetail.id)) return null;
+    const detailWithBar = {
+      ...currentDetail,
+      isDiscoundCard: true,
+      showWalletBar: platform === "h5",
+      // 添加显示WalletBar的标志
+      onBack: handleBack
+      // 添加返回处理函数
+    };
+    return renderDetail(detailWithBar);
+  };
+  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-discountCard-title" }, import_utils.locales.getText("page.wallet.discountCard")), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.RecordView,
+    {
+      ref: recordViewRef,
+      leftSpan: 9,
+      rightSpan: 15,
+      gutter: 20,
+      onRowClick: (currentDetail2) => {
+        setGlobalState({
+          currentId: currentDetail2.id || "",
+          currentDetail: currentDetail2,
+          setup: "detail"
+          // 设置状态为detail
+        });
+        dispatch({
+          type: "setState",
+          payload: { setup: "detail" }
+        });
+        openDetail({
+          ...currentDetail2,
+          isDiscoundCard: true,
+          showWalletBar: platform === "h5",
+          // 添加显示WalletBar的标志
+          onBack: handleBack
+          // 添加返回处理函数
+        });
+      },
+      pcDetailModalDisplay: platform === "h5" ? true : false,
+      padDetailModalDisplay: true,
+      mobilePadDetailModalDisplay: true,
+      modalWrapStyle: {
+        overflowY: "auto",
+        top: 0,
+        height: "100%",
+        zIndex: 998,
+        position: "fixed",
+        left: 0,
+        right: 0
+      },
+      split: false,
+      detail: detail(),
+      children: null,
+      emptyButtons: [],
+      doubleList: true,
+      doubleListSource: formatData(),
+      dataSource: product_discount_card,
+      renderItem: (value) => renderItem(value),
+      isShowClode: false
+    }
+  ));
+});
+var DiscountCard_default = RechargeableCard;

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

@@ -0,0 +1,10 @@
+.wallet-discountCard-title {
+  color: var(--Gray-900, #101828);
+  font-family: Inter;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 30px;
+  margin-top: 20px;
+  margin-bottom: 24px;
+}

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

@@ -0,0 +1,14 @@
+/// <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/DiscountCard/model.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/DiscountCard/model.tsx
+var model_exports = {};
+__export(model_exports, {
+  Context: () => Context,
+  Provider: () => Provider
+});
+module.exports = __toCommonJS(model_exports);
+var import_utils = require("@pisell/utils");
+var defaultState = {
+  total: 0
+};
+var { Provider, Context } = (0, import_utils.miniRedux)({
+  namespace: "state",
+  state: defaultState,
+  reducers: {
+    setState(state, payload) {
+      return { ...state, ...payload };
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Context,
+  Provider
+});

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const RechargeableCard: any;
+export default RechargeableCard;

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

@@ -0,0 +1,190 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/PointCard/index.tsx
+var PointCard_exports = {};
+__export(PointCard_exports, {
+  default: () => PointCard_default
+});
+module.exports = __toCommonJS(PointCard_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_model = require("./model");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("../locales"));
+var import_index = require("./index.less");
+var import_DetailContext = require("../DetailContext");
+var import_WalletCard = __toESM(require("../components/WalletCard"));
+var { Title } = import_materials.Typography;
+var RechargeableCard = (0, import_model.Provider)((props) => {
+  var _a, _b, _c;
+  const { globalState, setGlobalState } = props;
+  const { currentId, currentDetail, point_card } = globalState;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  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 recordViewRef = (0, import_react.useRef)(null);
+  const { openDetail, renderDetail } = (0, import_DetailContext.useDetail)();
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const platform = (0, import_utils.isMobile)() ? "h5" : "pc";
+  const renderItem = (item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_WalletCard.default,
+      {
+        item,
+        balanceTitle: import_utils.locales.getText("page.wallet.pointCard"),
+        currentId,
+        onClick: () => {
+          setGlobalState({
+            type: "setState",
+            payload: {
+              currentId: item.id
+            }
+          });
+        }
+      }
+    );
+  };
+  (0, import_react.useEffect)(() => {
+    const enabledCards = point_card.filter(
+      (item) => item.limit_status === "enable"
+    );
+    const total = enabledCards.reduce(
+      (sum, item) => sum + Number(item.balance),
+      0
+    );
+    dispatch({
+      type: "setState",
+      payload: {
+        total
+      }
+    });
+  }, [point_card]);
+  const detail = () => {
+    if (!(currentDetail == null ? void 0 : currentDetail.id)) return null;
+    const detailWithProps = {
+      ...currentDetail,
+      showWalletBar: platform === "h5",
+      // 添加显示WalletBar的标志
+      onBack: handleBack
+      // 添加返回处理函数
+    };
+    return renderDetail(detailWithProps);
+  };
+  const handleBack = (0, import_react.useCallback)(() => {
+    if (recordViewRef.current) {
+      recordViewRef.current.closeDetailModal();
+    }
+    setGlobalState({
+      setup: "list"
+    });
+  }, [recordViewRef, setGlobalState]);
+  const isEmpty = !point_card.some(
+    (item) => item.limit_status === "enable"
+  );
+  import_utils.locales.init(import_locales.default, ((_c = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _c.translateLocale) || "en");
+  const formatData = () => {
+    let available = {
+      title: import_utils.locales.getText("page.wallet.available"),
+      dataSource: point_card.filter(
+        (item) => item.limit_status === "enable"
+      )
+    };
+    const unavailable = {
+      title: import_utils.locales.getText("page.wallet.unavailable"),
+      dataSource: point_card.filter(
+        (item) => item.limit_status === "disable"
+      )
+    };
+    return [available, unavailable];
+  };
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if (globalState.setup !== "detail") {
+      (_a2 = recordViewRef.current) == null ? void 0 : _a2.closeDetailModal();
+    }
+  }, [globalState.setup]);
+  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,
+    {
+      title: import_utils.locales.getText("page.wallet.points"),
+      style: { margin: "8px 0 24px" },
+      hint: false,
+      tags: false,
+      number: state.total,
+      showCurrencySymbol: false
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.RecordView,
+    {
+      ref: recordViewRef,
+      mobilePadDetailModalDisplay: true,
+      leftSpan: 9,
+      rightSpan: 15,
+      gutter: 20,
+      onRowClick: (currentDetail2) => {
+        setGlobalState({
+          currentId: currentDetail2.id || "",
+          currentDetail: currentDetail2,
+          setup: "detail"
+          // 设置状态为detail
+        });
+        const detailWithProps = {
+          ...currentDetail2,
+          showWalletBar: platform === "h5",
+          // 添加显示WalletBar的标志
+          onBack: handleBack
+          // 添加返回处理函数
+        };
+        openDetail(detailWithProps);
+      },
+      modalWrapStyle: {
+        overflowY: "auto",
+        top: 68,
+        height: "calc(100% - 68px)",
+        zIndex: 998
+      },
+      pcDetailModalDisplay: platform === "h5" ? true : false,
+      padDetailModalDisplay: true,
+      isShowClode: false,
+      split: false,
+      children: null,
+      detail: detail(),
+      emptyButtons: [],
+      doubleList: true,
+      doubleListSource: formatData(),
+      dataSource: point_card,
+      renderItem: (value) => renderItem(value)
+    }
+  ));
+});
+var PointCard_default = RechargeableCard;

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

@@ -0,0 +1,10 @@
+.wallet-pointCard-title {
+  color: var(--Gray-900, #101828);
+  font-family: Inter;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 30px;
+  margin-top: 20px;
+  margin-bottom: 24px;
+}

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

@@ -0,0 +1,13 @@
+/// <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 {};