@pisell/private-materials 6.8.6 → 6.8.8

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

@@ -1,157 +0,0 @@
-.usage-rules {
-  padding: 16px;
-  background: #ffffff;
-  border-radius: 8px;
-  border: 1px solid #f0f0f0;
-  margin-top: 16px;
-  margin-bottom: 20px;
-
-  // 确保所有Text组件都是块级元素
-  .ant-typography {
-    display: block !important;
-    width: 100% !important;
-    margin-bottom: 0 !important;
-  }
-
-  &-title {
-    font-size: 18px;
-    font-weight: 600;
-    color: #000000;
-    line-height: 24px;
-    margin-bottom: 8px;
-    display: block;
-    width: 100%;
-  }
-
-  &-subtitle {
-    font-size: 14px;
-    color: #6B7280;
-    line-height: 20px;
-    margin-bottom: 24px;
-    display: block;
-    width: 100%;
-  }
-
-  &-section {
-    margin-bottom: 24px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    &-title {
-      font-size: 16px;
-      font-weight: 500;
-      color: #6B7280;
-      line-height: 20px;
-      margin-bottom: 16px;
-      display: block;
-      width: 100%;
-    }
-  }
-
-  &-list {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
-
-  &-item {
-    position: relative;
-    display: flex;
-    align-items: flex-start;
-
-    &::before {
-      content: '•';
-      color: #697281;
-      font-size: 16px;
-      line-height: 20px;
-      font-weight: bold;
-      margin-right: 8px;
-      flex-shrink: 0;
-      margin-top: 0;
-    }
-
-    &-content {
-      flex: 1;
-      min-width: 0;
-    }
-
-    &-main-line {
-      margin-bottom: 4px;
-    }
-
-    &-label {
-      font-size: 14px;
-      font-weight: 600;
-      color: #000000;
-      line-height: 20px;
-      display: inline;
-      margin-right: 4px;
-    }
-
-    &-description {
-      font-size: 14px;
-      color: #000000;
-      line-height: 20px;
-      display: inline;
-      word-wrap: break-word;
-    }
-
-    &-reset {
-      font-size: 14px;
-      color: #000000;
-      line-height: 20px;
-      display: block;
-      width: 100%;
-    }
-
-    &-note {
-      font-size: 14px;
-      color: #000000;
-      line-height: 20px;
-      margin-top: 4px;
-      display: block;
-      width: 100%;
-    }
-  }
-
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .usage-rules {
-    padding: 12px;
-    margin-top: 12px;
-
-    &-title {
-      font-size: 16px;
-    }
-
-    &-subtitle {
-      font-size: 13px;
-    }
-
-    &-section {
-      margin-bottom: 20px;
-
-      &-title {
-        font-size: 15px;
-      }
-    }
-
-    &-item {
-      &::before {
-        font-size: 14px;
-        margin-right: 6px;
-      }
-
-      &-label,
-      &-description,
-      &-reset,
-      &-note {
-        font-size: 13px;
-      }
-    }
-  }
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.less';
-interface WalletBarProps {
-    setup?: 'menu' | 'list' | 'detail';
-    onBack?: () => void;
-}
-declare const WalletBar: React.FC<WalletBarProps>;
-export default WalletBar;

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

@@ -1,36 +0,0 @@
-.pisell-lowcode-wallet-bar {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  padding: 0 0;
-  background: #fff;
-  font-size: 16px;
-  font-weight: 500;
-  color: #101828;
-  border-bottom: 1px solid #EAECF0;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 100;
-  transform: translateZ(0); // 强制创建新的层叠上下文
-
-  .pisell-lowcode-wallet-header-bar-arrow {
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    cursor: pointer;
-  }
-
-  .header-title {
-    flex: 1;
-    text-align: center;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 24px;
-    margin-left: -24px; // 抵消返回按钮宽度,保持文字居中
-  }
-} 

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { IWalletListItemProps } from '../serve';
-export interface WalletCardProps {
-    item: IWalletListItemProps;
-    currentId?: string | number;
-    isDiscountCard?: boolean;
-    onClick?: () => void;
-    balanceTitle?: string;
-}
-declare const _default: React.NamedExoticComponent<WalletCardProps>;
-export default _default;

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

@@ -1,97 +0,0 @@
-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/WalletCard.tsx
-var WalletCard_exports = {};
-__export(WalletCard_exports, {
-  default: () => WalletCard_default
-});
-module.exports = __toCommonJS(WalletCard_exports);
-var import_react = __toESM(require("react"));
-var import_materials = require("@pisell/materials");
-var import_utils = require("@pisell/utils");
-var WalletCard = ({
-  item,
-  currentId,
-  isDiscountCard = false,
-  onClick,
-  balanceTitle
-}) => {
-  const {
-    id,
-    tag,
-    product_title = "",
-    balance = 0,
-    code = "",
-    encoded = "",
-    expire_date = "",
-    shop = { name: "" },
-    limit_status,
-    product_cover = "",
-    par_value = "",
-    unified_messages = {},
-    custom_schedule_snapshot,
-    metadata,
-    ...rest
-  } = item;
-  const platform = (0, import_react.useMemo)(() => (0, import_utils.isMobile)() ? "h5" : "pc", []);
-  const { title: disabledReason = "" } = unified_messages;
-  const { name: storeName = "" } = shop;
-  const isActive = id === currentId && platform === "pc";
-  const isDisabled = limit_status !== "enable";
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_materials.PisellWalletPassCard,
-    {
-      ...rest,
-      scheduleList: (custom_schedule_snapshot == null ? void 0 : custom_schedule_snapshot.data) || [],
-      validDateBySchedule: (metadata == null ? void 0 : metadata.validity_type) === "custom_schedule_validity",
-      balanceTitle,
-      showDetail: false,
-      showRedeem: false,
-      showQrCode: true,
-      showBalance: !isDiscountCard,
-      cover: product_cover,
-      disabled: isDisabled,
-      showDisabledReason: isDisabled,
-      disabledReason,
-      style: { marginBottom: 16, width: "100%" },
-      showBalanceSymbol: !["point_card", "good_pass"].includes(tag),
-      active: isActive,
-      name: product_title,
-      qrCode: code,
-      storeName,
-      balance: Number(balance),
-      discount: isDiscountCard ? Number(par_value) : void 0,
-      showDiscount: isDiscountCard,
-      code: encoded,
-      validDate: expire_date,
-      onClick
-    }
-  );
-};
-var WalletCard_default = import_react.default.memo(WalletCard);

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

@@ -1,3 +0,0 @@
-export { default as WalletBar } from './WalletBar';
-export { default as FooterButtons } from './FooterButtons';
-export { default as UsageRules } from './UsageRules';

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

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-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

@@ -1,111 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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;