@pisell/materials 6.0.18 → 6.0.20

package/es/components/walletCard/Guest/index.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+import Button from "../../button";
+import "./index.less";
+var Guest = function Guest(props) {
+  var _utils$translation, _utils$translation2, _utils$translation3, _utils$translation4, _utils$translation5, _setting$titleConfig, _utils$translation6, _setting$subtitleConf, _utils$translation7, _setting$buttonConfig, _utils$translation8, _setting$buttonConfig2;
+  var setting = props.setting;
+  var context = useEngineContext();
+  var _ref = context.appHelper || {},
+    utils = _ref.utils;
+  /**
+   * @title: 拉起登录
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-03-13 15:34
+   */
+  var goLogin = function goLogin() {
+    console.log(utils, 'wh978796');
+    utils === null || utils === void 0 || utils.action({
+      type: 'pisell1.login',
+      data: {},
+      callback: function callback(status) {
+        console.log(status, 'wh978796');
+        if (status === 'success') {}
+      }
+    });
+  };
+
+  /**
+   * @title: 样式处理
+   * @description:
+   * @param {any} config
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-03-13 15:39
+   */
+  var getTextStyle = function getTextStyle(config, otherConfig) {
+    return {
+      color: (config === null || config === void 0 ? void 0 : config.color) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.color) || '#fff',
+      fontSize: (config === null || config === void 0 ? void 0 : config.size) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.size) || 14,
+      fontWeight: (config === null || config === void 0 ? void 0 : config.weight) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.weight) || 400,
+      fontStyle: (config === null || config === void 0 ? void 0 : config.style) || 'normal'
+    };
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-wrap",
+    style: {
+      backgroundColor: setting === null || setting === void 0 ? void 0 : setting.backgroundColor
+    }
+  }, utils !== null && utils !== void 0 && (_utils$translation = utils.translation) !== null && _utils$translation !== void 0 && _utils$translation.call(utils, setting === null || setting === void 0 ? void 0 : setting.backgroundImage) ? /*#__PURE__*/React.createElement("img", {
+    className: "pisell-wallet-guest-bg",
+    src: (utils === null || utils === void 0 || (_utils$translation2 = utils.translation) === null || _utils$translation2 === void 0 ? void 0 : _utils$translation2.call(utils, setting.backgroundImage)) || '',
+    alt: (utils === null || utils === void 0 || (_utils$translation3 = utils.translation) === null || _utils$translation3 === void 0 ? void 0 : _utils$translation3.call(utils, setting === null || setting === void 0 ? void 0 : setting.backgroundImageAlt)) || '',
+    title: (utils === null || utils === void 0 || (_utils$translation4 = utils.translation) === null || _utils$translation4 === void 0 ? void 0 : _utils$translation4.call(utils, setting === null || setting === void 0 ? void 0 : setting.backgroundImageAlt)) || ''
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-content ".concat(setting.align === 'center' ? 'pisell-wallet-guest-center' : '')
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-title",
+    style: getTextStyle(setting === null || setting === void 0 ? void 0 : setting.titleConfig, {
+      size: 18,
+      weight: 600
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation5 = utils.translation) === null || _utils$translation5 === void 0 ? void 0 : _utils$translation5.call(utils, (setting === null || setting === void 0 ? void 0 : setting.title) || (setting === null || setting === void 0 || (_setting$titleConfig = setting.titleConfig) === null || _setting$titleConfig === void 0 ? void 0 : _setting$titleConfig.text))) || ''), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-subtitle",
+    style: getTextStyle(setting === null || setting === void 0 ? void 0 : setting.subtitleConfig, {
+      color: '#D0D5DD'
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation6 = utils.translation) === null || _utils$translation6 === void 0 ? void 0 : _utils$translation6.call(utils, (setting === null || setting === void 0 ? void 0 : setting.subtitle) || (setting === null || setting === void 0 || (_setting$subtitleConf = setting.subtitleConfig) === null || _setting$subtitleConf === void 0 ? void 0 : _setting$subtitleConf.text))) || '')), utils !== null && utils !== void 0 && (_utils$translation7 = utils.translation) !== null && _utils$translation7 !== void 0 && _utils$translation7.call(utils, (setting === null || setting === void 0 ? void 0 : setting.buttonText) || (setting === null || setting === void 0 || (_setting$buttonConfig = setting.buttonConfig) === null || _setting$buttonConfig === void 0 ? void 0 : _setting$buttonConfig.text)) ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-button-wrap"
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      backgroundColor: (setting === null || setting === void 0 ? void 0 : setting.buttonColor) || '#7F56D9',
+      borderColor: (setting === null || setting === void 0 ? void 0 : setting.buttonBorderColor) || '#7F56D9'
+    },
+    onClick: goLogin
+  }, /*#__PURE__*/React.createElement("div", {
+    style: getTextStyle(setting === null || setting === void 0 ? void 0 : setting.buttonConfig, {
+      weight: 600
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation8 = utils.translation) === null || _utils$translation8 === void 0 ? void 0 : _utils$translation8.call(utils, (setting === null || setting === void 0 ? void 0 : setting.buttonText) || (setting === null || setting === void 0 || (_setting$buttonConfig2 = setting.buttonConfig) === null || _setting$buttonConfig2 === void 0 ? void 0 : _setting$buttonConfig2.text))) || ''))) : null));
+};
+export default Guest;

package/es/components/walletCard/Guest/index.less

@@ -0,0 +1,71 @@
+.pisell-wallet-guest-wrap {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+  overflow: hidden;
+  position: relative;
+  min-height: 136px;
+  display: flex;
+  padding: 16px 18px;
+
+  .pisell-wallet-guest-bg {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  .pisell-wallet-guest-content {
+    position: relative;
+    text-align: left;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+
+    &.pisell-wallet-guest-center {
+      text-align: center;
+      align-items: center;
+    }
+
+    .pisell-wallet-guest-title {
+      line-height: 28px;
+    }
+
+    .pisell-wallet-guest-subtitle {
+      line-height: 20px;
+    }
+
+    .pisell-wallet-guest-button-wrap {
+      display: flex;
+      width: fit-content;
+      max-width: 100%;
+    }
+
+    .pisell-lowcode-btn-default {
+      margin-top: 8px;
+      display: flex;
+      padding: 10px 16px;
+      justify-content: center;
+      align-items: center;
+      background: transparent;
+      border-color: transparent;
+      border-radius: 8px;
+      border: 1px solid var(--Primary-600, #7f56d9);
+      background: var(--Primary-600, #7f56d9);
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      max-width: 100%;
+      width: auto;
+      > div {
+        max-width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}

package/es/components/walletCard/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import './index.less';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [elemName: string]: any;
+        }
+    }
+}
+export interface WalletCardItem {
+    key: string;
+    label?: string;
+    hidden?: boolean;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'orCode';
+    /** 二维码方向 */
+    codeDirection?: 'bottom' | 'top';
+    /** 自定义背景图 */
+    customBackgroundImage?: string;
+    /** 图标：可以是React组件或图片URL */
+    showIcon?: boolean;
+    showWalletName?: boolean;
+    iconImg?: string;
+    /** 钱包名称 */
+    walletName?: string;
+    /** 店铺名称 */
+    shopName?: string;
+    /** 是否显示店铺名称 */
+    showShopName?: boolean;
+    /** 卡号 */
+    cardNo?: string;
+    /** 是否显示卡号 */
+    showCardNo?: boolean;
+    /** 是否显示二维码 */
+    showCode?: boolean;
+    /** 点击二维码/条形码的回调 */
+    onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
+    /** 点击卡片的回调 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    items: WalletCardItem[];
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    title?: string;
+    subTitle?: string;
+    align?: 'left' | 'center';
+    buttonText?: string;
+    [key: string]: any;
+    /** 是否已登录 */
+    isLogin?: boolean;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/es/components/walletCard/index.js

@@ -0,0 +1,402 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Card, QRCode } from 'antd';
+import classNames from 'classnames';
+import React, { useMemo, useState } from 'react';
+import Barcode from 'react-barcode';
+import { getText } from "../../locales/index";
+import Iconfont from "./../iconfont";
+import PisellModal from "./../pisellModal";
+import Amount from "./../pisellText/components/Amount";
+import useEngineContext from "../../hooks/useEngineContext";
+import Guest from "./Guest";
+import "./index.less";
+
+// 添加JSX类型声明
+
+// 类型定义
+
+// 默认值
+var DEFAULT_PROPS = {
+  symbol: '$',
+  mode: 'light',
+  iconImg: '',
+  showIcon: true,
+  showWalletName: true,
+  shopName: 'Store name',
+  showShopName: true,
+  cardNo: 'Wallet number',
+  cardStyle: 'normal',
+  codeType: 'barCode',
+  platform: 'pc',
+  codeDirection: 'bottom',
+  showCardNo: true,
+  showCode: true,
+  walletName: 'Level',
+  isLogin: true,
+  items: [{
+    key: 'rechargeable',
+    label: 'rechargeable',
+    value: 0
+  }, {
+    key: 'piont',
+    label: 'piont',
+    value: 10
+  }, {
+    key: 'voucher',
+    label: 'Discount cardvoucher',
+    value: 0
+  }, {
+    key: 'discount',
+    label: 'discount',
+    value: 0
+  }]
+};
+
+// 工具函数：将可能的数字0/1转为布尔值
+var toBooleanValue = function toBooleanValue(value) {
+  if (value === undefined) return false;
+  if (value === 0 || value === '0') return false;
+  if (value === 1 || value === '1') return true;
+  return !!value;
+};
+
+// 自定义钩子：处理二维码/条形码模态框
+var useCodeModal = function useCodeModal(cardNo, onCodeClick) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModalOpen = _useState2[0],
+    setIsModalOpen = _useState2[1];
+  var handleCodeClick = function handleCodeClick(e) {
+    e.stopPropagation();
+    if (onCodeClick) {
+      onCodeClick();
+    } else {
+      setIsModalOpen(true);
+    }
+  };
+  var closeModal = function closeModal(e) {
+    e === null || e === void 0 || e.stopPropagation();
+    setIsModalOpen(false);
+  };
+  return {
+    isModalOpen: isModalOpen,
+    handleCodeClick: handleCodeClick,
+    closeModal: closeModal
+  };
+};
+
+// 子组件：卡片头部
+var CardHeader = function CardHeader(_ref) {
+  var _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+    _ref$showWalletName = _ref.showWalletName,
+    showWalletName = _ref$showWalletName === void 0 ? true : _ref$showWalletName,
+    _ref$showShopName = _ref.showShopName,
+    showShopName = _ref$showShopName === void 0 ? true : _ref$showShopName,
+    _ref$showCardNo = _ref.showCardNo,
+    showCardNo = _ref$showCardNo === void 0 ? true : _ref$showCardNo,
+    _ref$showCode = _ref.showCode,
+    showCode = _ref$showCode === void 0 ? true : _ref$showCode,
+    iconImg = _ref.iconImg,
+    mode = _ref.mode,
+    _ref$walletName = _ref.walletName,
+    walletName = _ref$walletName === void 0 ? 'Level' : _ref$walletName,
+    _ref$shopName = _ref.shopName,
+    shopName = _ref$shopName === void 0 ? 'Store name' : _ref$shopName,
+    _ref$cardNo = _ref.cardNo,
+    cardNo = _ref$cardNo === void 0 ? 'Wallet number' : _ref$cardNo,
+    _ref$cardStyle = _ref.cardStyle,
+    cardStyle = _ref$cardStyle === void 0 ? 'normal' : _ref$cardStyle,
+    _ref$codeType = _ref.codeType,
+    codeType = _ref$codeType === void 0 ? 'barCode' : _ref$codeType,
+    onCodeClick = _ref.onCodeClick,
+    _ref$isLogin = _ref.isLogin,
+    isLogin = _ref$isLogin === void 0 ? false : _ref$isLogin;
+  // 处理可能为0/1的布尔值
+  var processedShowIcon = toBooleanValue(showIcon);
+  var processedShowWalletName = toBooleanValue(showWalletName);
+  var processedShowShopName = toBooleanValue(showShopName);
+  var processedShowCardNo = toBooleanValue(showCardNo);
+  var processedShowCode = toBooleanValue(showCode);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-header-left"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-header-level"
+  }, processedShowIcon && iconImg ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-header-icon"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: iconImg,
+    alt: "wallet icon",
+    style: {
+      width: '20px',
+      height: '20px'
+    }
+  })) : null, processedShowWalletName && walletName && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-header-level-text"
+  }, walletName)), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-header-right"
+  }, processedShowCode && cardStyle === 'normal' && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-icon-wrapper",
+    onClick: onCodeClick
+  }, /*#__PURE__*/React.createElement(Iconfont, {
+    style: {
+      color: mode === 'dark' ? '#fff' : '#101828'
+    },
+    type: codeType === 'barCode' ? 'pisell2-Barcode' : 'pisell2-a-qr-code-02',
+    className: "pisell-wallet-card-icon"
+  }))));
+};
+
+// 子组件：卡片内容项
+var CardItem = function CardItem(_ref2) {
+  var item = _ref2.item,
+    symbol = _ref2.symbol;
+  var key = item.key,
+    label = item.label,
+    value = item.value;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-item-label"
+  }, getText("walletCard-".concat(label)) || ''), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-item-value"
+  }, key === 'rechargeable' ? /*#__PURE__*/React.createElement(Amount, {
+    className: "pisell-card-amount-item-value",
+    platform: "h5",
+    symbol: symbol,
+    useThousandsSeparator: true,
+    showCurrencySymbol: true,
+    value: value
+  }) : value));
+};
+
+// 子组件：卡片内容
+var CardContent = function CardContent(_ref3) {
+  var items = _ref3.items,
+    symbol = _ref3.symbol;
+  // 定义期望的顺序
+  var expectedOrder = ['piont', 'balance', 'discount', 'voucher'];
+
+  // 对 items 进行排序
+  var sortedItems = useMemo(function () {
+    if (!(items !== null && items !== void 0 && items.length)) return [];
+    return _toConsumableArray(items).sort(function (a, b) {
+      var indexA = expectedOrder.indexOf(a.key);
+      var indexB = expectedOrder.indexOf(b.key);
+      return indexA - indexB;
+    });
+  }, [items]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-list",
+    style: {
+      justifyContent: (sortedItems || []).length > 1 ? 'space-between' : 'flex-start'
+    }
+  }, (sortedItems || []).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(CardItem, {
+      key: index,
+      item: item,
+      symbol: symbol
+    });
+  }));
+};
+
+// 子组件：二维码/条形码显示
+var CodeDisplay = function CodeDisplay(_ref4) {
+  var codeType = _ref4.codeType,
+    cardNo = _ref4.cardNo;
+  if (!cardNo) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-code"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-code-qrcode"
+  }, codeType === 'barCode' ? /*#__PURE__*/React.createElement(Barcode, {
+    value: cardNo,
+    displayValue: false,
+    height: 114,
+    width: 3
+  }) : /*#__PURE__*/React.createElement(QRCode, {
+    size: 250,
+    value: cardNo,
+    bordered: false
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-code-qrcode-value"
+  }, cardNo)));
+};
+var blockEvent = function blockEvent(e) {
+  e.stopPropagation();
+  e.preventDefault();
+  if (e.nativeEvent) {
+    e.nativeEvent.stopImmediatePropagation();
+    e.nativeEvent.preventDefault();
+  }
+  return false;
+};
+
+// 子组件：二维码/条形码模态框
+var CodeModal = function CodeModal(_ref5) {
+  var isOpen = _ref5.isOpen,
+    onClose = _ref5.onClose,
+    codeType = _ref5.codeType,
+    cardNo = _ref5.cardNo,
+    platform = _ref5.platform;
+  return /*#__PURE__*/React.createElement(PisellModal, {
+    title: getText(codeType === 'barCode' ? 'walletCard-barcode' : 'walletCard-qrcode'),
+    platform: platform,
+    onCancel: onClose,
+    open: isOpen,
+    footer: null,
+    mobileModalHeight: "auto",
+    className: "pisell-qrcode-modal",
+    bodyStyle: {
+      padding: 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-qrcode-modal-content",
+    onClick: blockEvent,
+    onTouchStart: blockEvent,
+    onTouchMove: blockEvent,
+    onTouchEnd: blockEvent,
+    onTouchCancel: blockEvent,
+    onMouseDown: blockEvent,
+    onMouseMove: blockEvent,
+    onMouseUp: blockEvent,
+    onWheel: blockEvent,
+    onScroll: blockEvent,
+    onDragStart: blockEvent,
+    onDrag: blockEvent,
+    onDragEnd: blockEvent
+  }, /*#__PURE__*/React.createElement(CodeDisplay, {
+    codeType: codeType,
+    cardNo: cardNo
+  })));
+};
+
+// 主组件
+var WalletCard = function WalletCard(props) {
+  var mergedProps = _objectSpread(_objectSpread({}, DEFAULT_PROPS), props);
+  var symbol = mergedProps.symbol,
+    mode = mergedProps.mode,
+    iconImg = mergedProps.iconImg,
+    shopName = mergedProps.shopName,
+    cardNo = mergedProps.cardNo,
+    cardStyle = mergedProps.cardStyle,
+    codeType = mergedProps.codeType,
+    platform = mergedProps.platform,
+    codeDirection = mergedProps.codeDirection,
+    walletName = mergedProps.walletName,
+    _mergedProps$items = mergedProps.items,
+    items = _mergedProps$items === void 0 ? [] : _mergedProps$items,
+    onCodeClick = mergedProps.onCodeClick,
+    onClick = mergedProps.onClick,
+    className = mergedProps.className,
+    style = mergedProps.style;
+
+  // 处理可能为0/1的布尔值props
+  var showIcon = toBooleanValue(mergedProps.showIcon);
+  var showWalletName = toBooleanValue(mergedProps.showWalletName);
+  var showShopName = toBooleanValue(mergedProps.showShopName);
+  var showCardNo = toBooleanValue(mergedProps.showCardNo);
+  var showCode = toBooleanValue(mergedProps.showCode);
+  var isLogin = toBooleanValue(mergedProps.isLogin);
+  var context = useEngineContext();
+  var _ref6 = context.appHelper || {},
+    utils = _ref6.utils;
+  // 使用自定义钩子处理模态框逻辑
+  var _useCodeModal = useCodeModal(cardNo, onCodeClick),
+    isModalOpen = _useCodeModal.isModalOpen,
+    handleCodeClick = _useCodeModal.handleCodeClick,
+    closeModal = _useCodeModal.closeModal;
+
+  // 计算背景样式
+  var backgroundStyle = useMemo(function () {
+    if (props.customBackgroundImage) {
+      return {
+        backgroundImage: "url(".concat(props.customBackgroundImage, ")")
+      };
+    } else {
+      return {
+        backgroundImage: "url(https://file.mypisell-dev.com/pisel/image/9/".concat(mode === 'dark' ? '3d039c83ff5b84fadafb8a23c33d6cc42025_02_26_00_42_53_288_08413160975__720_456__' : '61dcbe950c9451164a6bb1d17d5bc5f02025_02_26_00_43_42_741_04853453608__720_456__', ".png)")
+      };
+    }
+  }, [props.customBackgroundImage, mode]);
+  var goWallet = function goWallet() {
+    utils === null || utils === void 0 || utils.action({
+      type: 'pisell1.goWallet',
+      data: {},
+      callback: function callback() {}
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-wallet-card-wrapper', className),
+    style: style,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Card, {
+    style: {
+      border: 'none'
+    },
+    bodyStyle: {
+      padding: 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-container",
+    style: {
+      flexDirection: codeDirection === 'top' ? 'column-reverse' : 'column'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-wallet-card-content', mode, !isLogin && 'pisell-wallet-card-guest-content'),
+    style: backgroundStyle
+  }, isLogin ? /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      goWallet();
+    }
+  }, /*#__PURE__*/React.createElement(CardHeader, {
+    mode: mode,
+    showWalletName: showWalletName,
+    showIcon: showIcon,
+    iconImg: iconImg,
+    walletName: walletName,
+    shopName: shopName,
+    showShopName: showShopName,
+    cardNo: cardNo,
+    showCardNo: showCardNo,
+    showCode: showCode,
+    cardStyle: cardStyle,
+    codeType: codeType,
+    onCodeClick: handleCodeClick,
+    isLogin: isLogin
+  }), /*#__PURE__*/React.createElement(CardContent, {
+    items: items,
+    symbol: symbol
+  })) : /*#__PURE__*/React.createElement(Guest, {
+    setting: props
+  })), cardStyle === 'full' && isLogin && /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-wallet-card-showCode', codeDirection === 'top' ? 'code-top' : 'code-bottom')
+  }, /*#__PURE__*/React.createElement(CodeDisplay, {
+    codeType: codeType,
+    cardNo: cardNo
+  })))), /*#__PURE__*/React.createElement(CodeModal, {
+    isOpen: isModalOpen,
+    onClose: closeModal,
+    codeType: codeType,
+    cardNo: cardNo,
+    platform: platform
+  }));
+};
+export default WalletCard;