@pisell/private-materials 3.1.3 → 3.2.2

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

@@ -0,0 +1,42 @@
+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/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  FooterButtons: () => import_FooterButtons.default,
+  WalletBar: () => import_WalletBar.default
+});
+module.exports = __toCommonJS(components_exports);
+var import_WalletBar = __toESM(require("./WalletBar"));
+var import_FooterButtons = __toESM(require("./FooterButtons"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FooterButtons,
+  WalletBar
+});

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

@@ -0,0 +1,33 @@
+import { IWalletListItemProps } from '../serve';
+/**
+ * 钱包卡片Hook的参数
+ */
+export interface UseWalletCardParams {
+    globalState: any;
+    setGlobalState: (state: any) => void;
+    walletContext: any;
+    cardList: IWalletListItemProps[];
+    cardType: string;
+    isDiscountCard?: boolean;
+    valueField?: string;
+    setupValue?: 'menu' | 'list' | 'detail';
+}
+/**
+ * 钱包卡片Hook
+ * 封装了钱包卡片组件的通用逻辑
+ */
+export declare function useWalletCard({ globalState, setGlobalState, walletContext, cardList, cardType, isDiscountCard, valueField, setupValue }: UseWalletCardParams): {
+    platform: string;
+    currentId: any;
+    currentDetail: any;
+    isEmpty: boolean;
+    state: any;
+    dispatch: any;
+    handleRowClick: (detail: IWalletListItemProps) => void;
+    renderCardDetail: () => import("react").ReactNode;
+    formatData: () => {
+        title: any;
+        dataSource: IWalletListItemProps[];
+    }[];
+};
+export default useWalletCard;

package/lib/components/wallet/hooks/useWalletCard.js

@@ -0,0 +1,111 @@
+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/hooks/useWalletCard.ts
+var useWalletCard_exports = {};
+__export(useWalletCard_exports, {
+  default: () => useWalletCard_default,
+  useWalletCard: () => useWalletCard
+});
+module.exports = __toCommonJS(useWalletCard_exports);
+var import_react = require("react");
+var import_utils = require("@pisell/utils");
+var import_formatUtils = require("../utils/formatUtils");
+var import_DetailContext = require("../DetailContext");
+function useWalletCard({
+  globalState,
+  setGlobalState,
+  walletContext,
+  cardList,
+  cardType,
+  isDiscountCard = false,
+  valueField = "balance",
+  setupValue = "detail"
+}) {
+  const { state, dispatch } = walletContext;
+  const { currentId, currentDetail } = globalState;
+  const { openDetail, renderDetail } = (0, import_DetailContext.useDetail)();
+  const platform = (0, import_react.useMemo)(() => (0, import_utils.isMobile)() ? "h5" : "pc", []);
+  (0, import_react.useEffect)(() => {
+    const total = (0, import_formatUtils.calculateTotalValue)(cardList, valueField);
+    dispatch({
+      type: "setState",
+      payload: { total }
+    });
+  }, [cardList, dispatch, valueField]);
+  (0, import_react.useEffect)(() => {
+    if (currentId) {
+      const detail = cardList.find((item) => item.id === currentId);
+      if (detail) {
+        dispatch({
+          type: "setState",
+          payload: { currentDetail: detail }
+        });
+      }
+    }
+  }, [currentId, cardList, dispatch]);
+  const handleRowClick = (detail) => {
+    setGlobalState({
+      currentId: detail.id || "",
+      currentDetail: detail,
+      setup: platform === "h5" ? setupValue : void 0
+      // 设置状态为detail
+    });
+    const detailToOpen = {
+      ...detail,
+      isDiscoundCard: isDiscountCard,
+      showWalletBar: platform === "h5",
+      // 添加显示WalletBar的标志
+      onBack: () => {
+        setGlobalState({ setup: "list" });
+      }
+    };
+    openDetail(detailToOpen);
+  };
+  const renderCardDetail = () => {
+    if (!(currentDetail == null ? void 0 : currentDetail.id)) return null;
+    const detailToRender = {
+      ...currentDetail,
+      isDiscoundCard: isDiscountCard,
+      showWalletBar: platform === "h5",
+      // 添加显示WalletBar的标志
+      onBack: () => {
+        setGlobalState({ setup: "list" });
+      }
+    };
+    return renderDetail(detailToRender);
+  };
+  const formatData = () => (0, import_formatUtils.formatDataToGroups)(cardList);
+  const isEmpty = !(0, import_formatUtils.hasAvailableCards)(cardList);
+  return {
+    platform,
+    currentId,
+    currentDetail,
+    isEmpty,
+    state,
+    dispatch,
+    handleRowClick,
+    renderCardDetail,
+    formatData
+  };
+}
+var useWalletCard_default = useWalletCard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useWalletCard
+});

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

@@ -0,0 +1,10 @@
+import './index.less';
+import { DetailProvider, useDetail } from './DetailContext';
+export { default as WalletCard } from './components/WalletCard';
+export * from './utils/formatUtils';
+export * from './hooks/useWalletCard';
+export * from './serve';
+export * from './model';
+export { DetailProvider, useDetail };
+declare const Wallet: any;
+export default Wallet;