@pisell/private-materials 3.4.61 → 3.4.62

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

@@ -1,146 +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/Voucher/index.tsx
-var Voucher_exports = {};
-__export(Voucher_exports, {
-  default: () => Voucher_default
-});
-module.exports = __toCommonJS(Voucher_exports);
-var import_react = __toESM(require("react"));
-var import_materials = require("@pisell/materials");
-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,
-    state,
-    handleRowClick,
-    renderCardDetail,
-    formatData
-  } = (0, import_useWalletCard.useWalletCard)({
-    globalState,
-    setGlobalState,
-    walletContext: (0, import_react.useContext)(import_model.Context),
-    cardList: product_voucher,
-    cardType: "product_voucher"
-  });
-  (0, import_react.useEffect)(() => {
-    if (globalState.setup !== "detail" && recordViewRef.current) {
-      recordViewRef.current.closeDetailModal();
-    }
-  }, [globalState.setup]);
-  const handleBack = (0, import_react.useCallback)(() => {
-    if (recordViewRef.current) {
-      recordViewRef.current.closeDetailModal();
-    }
-    setGlobalState({
-      setup: "list"
-    });
-  }, [recordViewRef, setGlobalState]);
-  const renderItem = (item) => /* @__PURE__ */ import_react.default.createElement(
-    import_WalletCard.default,
-    {
-      balanceTitle: item.tag === "good_pass" ? import_utils.locales.getText("page.wallet.goodPass") : void 0,
-      item,
-      currentId: globalState.currentId,
-      onClick: () => {
-        setGlobalState({
-          type: "setState",
-          payload: { currentId: item.id }
-        });
-      }
-    }
-  );
-  if (isEmpty) {
-    return /* @__PURE__ */ import_react.default.createElement(import_materials.PisellEmpty, null);
-  }
-  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,
-    {
-      title: import_utils.locales.getText("page.wallet.voucherBalance"),
-      style: { margin: "8px 0 24px" },
-      hint: false,
-      tags: false,
-      number: state.total
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_materials.RecordView,
-    {
-      ref: recordViewRef,
-      mobilePadDetailModalDisplay: true,
-      leftSpan: 9,
-      rightSpan: 15,
-      gutter: 20,
-      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,
-        height: "calc(100% - 68px)",
-        zIndex: 998
-      },
-      pcDetailModalDisplay: platform === "h5" ? true : false,
-      padDetailModalDisplay: true,
-      isShowClode: false,
-      split: false,
-      children: null,
-      detail: renderCardDetail(),
-      emptyButtons: [],
-      doubleList: true,
-      doubleListSource: formatData(),
-      dataSource: product_voucher,
-      renderItem
-    }
-  ));
-});
-var Voucher_default = Voucher;

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

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

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

@@ -1,21 +0,0 @@
-declare const _default: {
-    en: {
-        'page.wallet.rechargeOptions': string;
-        'page.wallet.available': string;
-        'page.wallet.unavailable': string;
-        'page.wallet.recharge': string;
-    };
-    'zh-CN': {
-        'page.wallet.rechargeOptions': string;
-        'page.wallet.available': string;
-        'page.wallet.unavailable': string;
-        'page.wallet.recharge': string;
-    };
-    'zh-HK': {
-        'page.wallet.rechargeOptions': string;
-        'page.wallet.available': string;
-        'page.wallet.unavailable': string;
-        'page.wallet.recharge': string;
-    };
-};
-export default _default;

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

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

@@ -1,43 +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/Voucher/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/components/FooterButtons/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface FooterButtonsProps {
-    step: string;
-    onAppleWalletClick?: () => void;
-    onRechargeClick?: () => void;
-    onAddClick?: () => void;
-    disabled?: boolean;
-    platform?: 'pc' | 'h5';
-    isIOS?: boolean;
-    addWalletLoading?: boolean;
-}
-/**
- * 通用底部按钮组件
- * 根据step不同显示不同的按钮组
- */
-declare const FooterButtons: React.FC<FooterButtonsProps>;
-export default FooterButtons;

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

@@ -1,109 +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/FooterButtons/index.tsx
-var FooterButtons_exports = {};
-__export(FooterButtons_exports, {
-  default: () => FooterButtons_default
-});
-module.exports = __toCommonJS(FooterButtons_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_utils = require("@pisell/utils");
-var import_index = require("./index.less");
-var FooterButtons = ({
-  step,
-  onAppleWalletClick,
-  onRechargeClick,
-  onAddClick,
-  disabled = false,
-  platform = "h5",
-  isIOS = false,
-  addWalletLoading = false
-}) => {
-  if (platform === "pc") {
-    return null;
-  }
-  const renderButtons = () => {
-    switch (step) {
-      case "list":
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-footer-buttons" }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Button,
-          {
-            type: "primary",
-            onClick: onAddClick,
-            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 = [];
-        if (onAppleWalletClick) {
-          buttons.push(
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Button,
-              {
-                loading: addWalletLoading,
-                key: "apple-wallet",
-                onClick: onAppleWalletClick,
-                disabled,
-                size: "large",
-                className: "wallet-footer-buttons-item wallet-footer-buttons-item-secondary"
-              },
-              isIOS ? import_utils.locales.getText("page.wallet.button.addToAppleWallet") : import_utils.locales.getText("page.wallet.button.addToGoogleWallet")
-            )
-          );
-        }
-        if (onRechargeClick) {
-          buttons.push(
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Button,
-              {
-                key: "recharge",
-                type: "primary",
-                onClick: onRechargeClick,
-                disabled,
-                size: "large",
-                className: "wallet-footer-buttons-item wallet-footer-buttons-item-primary"
-              },
-              import_utils.locales.getText("page.wallet.button.recharge")
-            )
-          );
-        }
-        const buttonCount = buttons.length;
-        const className = `wallet-footer-buttons wallet-footer-buttons-count-${buttonCount}`;
-        return buttons.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className }, buttons) : null;
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-footer" }, renderButtons());
-};
-var FooterButtons_default = FooterButtons;

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

@@ -1,91 +0,0 @@
-.wallet-footer {
-  position: relative;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #fff;
-  padding: 24px;
-  z-index: 100;
-  border-top: 1px solid #d0d5de;
-  &-buttons {
-    display: flex;
-    gap: 12px;
-    width: 100%;
-
-
-.wallet-footer-buttons-item-secondary{
-    overflow: hidden;
-    display: flex;
-    >span{
-      display: block;
-      // width: 100%;
-      flex:1;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      text-wrap: nowrap;
-    }
-}
-
-
-    // 按钮数量样式
-    // 单个按钮占满宽度
-    &-count-1 {
-      .wallet-footer-buttons-item {
-        flex: 1;
-        width: 100%;
-      }
-    }
-    
-    // 两个按钮各占一半
-    &-count-2 {
-      .wallet-footer-buttons-item {
-        flex: 1;
-        width: calc(50% - 6px);
-      }
-    }
-    
-    // 三个按钮各占三分之一
-    &-count-3 {
-      .wallet-footer-buttons-item {
-        flex: 1;
-        width: calc(33.33% - 8px);
-      }
-    }
-    
-    // 四个按钮各占四分之一
-    &-count-4 {
-      .wallet-footer-buttons-item {
-        flex: 1;
-        width: calc(25% - 9px);
-      }
-    }
-    
-    // Ant Design按钮覆盖样式
-    :global(.ant-btn) {
-      height: 48px;
-      border-radius: 6px;
-      font-size: 16px;
-      font-weight: 500;
-      width: 100%;
-    }
-    
-    &-item {
-      // 修饰符：主按钮
-      &-primary {
-        background-color: var(--theme-color, #7F56D9);
-      }
-      
-      // 修饰符：次按钮
-      &-secondary {
-        background-color: #fff;
-        border-color: #d0d5de;
-        color: var(--Gray-700, #344054);
-      }
-    }
-  }
-}
-
-.wallet-footer:empty {
-  display: none;
-} 

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import './index.less';
-interface UsageRule {
-    type: 'daily' | 'weekly' | 'monthly';
-    limit: number;
-    description: string;
-    resetTime?: string;
-}
-interface UsageRulesProps {
-    className?: string;
-    style?: React.CSSProperties;
-    rules?: UsageRule[];
-    personalLimit?: {
-        total: number;
-        remaining: number;
-        note?: string;
-    };
-    locales?: {
-        getText: (key: string) => string;
-    };
-}
-declare function UsageRules({ className, style, rules, personalLimit, locales }: UsageRulesProps): JSX.Element;
-export default UsageRules;

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

@@ -1,113 +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/UsageRules/index.tsx
-var UsageRules_exports = {};
-__export(UsageRules_exports, {
-  default: () => UsageRules_default
-});
-module.exports = __toCommonJS(UsageRules_exports);
-var import_react = __toESM(require("react"));
-var import_materials = require("@pisell/materials");
-var import_index = require("./index.less");
-var { Text } = import_materials.Typography;
-function UsageRules({
-  className = "",
-  style,
-  rules,
-  personalLimit = {
-    total: 5,
-    remaining: 3,
-    note: "用完后此券将自动失效"
-  },
-  locales
-}) {
-  const interpolateText = (text, variables) => {
-    return text.replace(/\{(\w+)\}/g, (match, key) => {
-      return variables[key] !== void 0 ? variables[key] : match;
-    });
-  };
-  const getText = (key, fallback) => {
-    return (locales == null ? void 0 : locales.getText(key)) || fallback || key;
-  };
-  const getRuleDescription = (type, limit) => {
-    if (limit === 0 && type === "monthly") {
-      return getText("page.wallet.monthlyLimitUnlimited", "无限制");
-    }
-    const templateKey = `page.wallet.${type}LimitDesc`;
-    const template = getText(templateKey, "");
-    return interpolateText(template, { limit });
-  };
-  const getRuleResetTime = (type) => {
-    const resetKey = `page.wallet.${type}Reset`;
-    return getText(resetKey, "");
-  };
-  const defaultRules = [
-    {
-      type: "daily",
-      limit: 3,
-      description: getRuleDescription("daily", 3),
-      resetTime: getRuleResetTime("daily")
-    },
-    {
-      type: "weekly",
-      limit: 15,
-      description: getRuleDescription("weekly", 15),
-      resetTime: getRuleResetTime("weekly")
-    },
-    {
-      type: "monthly",
-      limit: 60,
-      description: getRuleDescription("monthly", 60),
-      resetTime: getRuleResetTime("monthly")
-    }
-  ];
-  const processedRules = rules ? rules.map((rule) => ({
-    ...rule,
-    description: getRuleDescription(rule.type, rule.limit),
-    resetTime: getRuleResetTime(rule.type)
-  })) : defaultRules;
-  const finalRules = processedRules;
-  const getRuleLabel = (type) => {
-    switch (type) {
-      case "daily":
-        return getText("page.wallet.dailyLimit", "每日限制:");
-      case "weekly":
-        return getText("page.wallet.weeklyLimit", "每周限制:");
-      case "monthly":
-        return getText("page.wallet.monthlyLimit", "每月限制:");
-      default:
-        return getText("page.wallet.dailyLimit", "限制:");
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `usage-rules ${className}`, style }, /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-title" }, getText("page.wallet.usageRules", "使用规则")), /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-subtitle" }, getText("page.wallet.usageRulesSubtitle", "请仔细阅读以下使用条件")), /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-section" }, /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-section-title" }, getText("page.wallet.timeUsageLimits", "时间使用限制")), /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-list" }, finalRules.length > 0 ? finalRules.map((rule, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "usage-rules-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-item-main-line" }, /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-label" }, getRuleLabel(rule.type)), /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-description" }, rule.description)), rule.resetTime && /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-reset" }, rule.resetTime)))) : /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-item-content" }, /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-description" }, getText("page.wallet.monthlyLimitUnlimited", "无限制")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-section" }, /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-section-title" }, getText("page.wallet.totalQuantityControl", "总量控制")), /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "usage-rules-item-content" }, personalLimit.total > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-label" }, getText("page.wallet.personalLimit", "个人限额:")), /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-description" }, interpolateText(
-    getText("page.wallet.personalLimitDesc", "您最多可使用此券{total}次(剩余{remaining}次)"),
-    { total: personalLimit.total, remaining: personalLimit.remaining }
-  )), /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-note" }, getText("page.wallet.voucherExpireNote", "用完后此券将自动失效"))) : /* @__PURE__ */ import_react.default.createElement(Text, { className: "usage-rules-item-description" }, getText("page.wallet.monthlyLimitUnlimited", "无限制"))))));
-}
-var UsageRules_default = UsageRules;