@pisell/materials 1.0.690 → 1.0.691

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Guest: (props: any) => JSX.Element;
+export default Guest;

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

@@ -0,0 +1,82 @@
+// import { pxToVw } from '@/utils/index';
+// import { useDispatch } from 'umi';
+import React from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+import Button from "../../button";
+import "./index.less";
+var Guest = function Guest(props) {
+  var _setting$titleConfig, _setting$subtitleConf, _setting$buttonConfig;
+  var setting = props.setting;
+  // const dispatch = useDispatch();
+  var context = useEngineContext();
+  var _ref = context.appHelper || {},
+    utils = _ref.utils;
+  console.log(utils, setting, 'wh97896');
+
+  /**
+   * @title: 拉起登录
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-03-13 15:34
+   */
+  var goLogin = function goLogin() {
+    // dispatch({
+    //   type: 'login/checkLogin',
+    //   callback: () => {},
+    // });
+  };
+
+  /**
+   * @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 && config.size && utils !== null && utils !== void 0 && utils.pxToVw ? utils === null || utils === void 0 ? void 0 : utils.pxToVw(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(setting === null || setting === void 0 ? void 0 : setting.backgroundImage) ? /*#__PURE__*/React.createElement("img", {
+    className: "pisell-wallet-guest-bg",
+    src: utils === null || utils === void 0 ? void 0 : utils.ali(utils === null || utils === void 0 ? void 0 : utils.translation(setting.backgroundImage), 1920),
+    alt: utils === null || utils === void 0 ? void 0 : utils.translation(setting === null || setting === void 0 ? void 0 : setting.backgroundImageAlt),
+    title: utils === null || utils === void 0 ? void 0 : utils.translation(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 ? void 0 : utils.translation((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 ? void 0 : utils.translation((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)))), /*#__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'
+    },
+    onClick: goLogin
+  }, /*#__PURE__*/React.createElement("div", {
+    style: getTextStyle(setting === null || setting === void 0 ? void 0 : setting.buttonConfig, {
+      weight: 600
+    })
+  }, utils === null || utils === void 0 ? void 0 : utils.translation((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)))))));
+};
+export default Guest;

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

@@ -0,0 +1,70 @@
+.pisell-wallet-guest-wrap {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+  overflow: hidden;
+  position: relative;
+  min-height: 136px;
+  display: flex;
+
+  .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

@@ -53,6 +53,13 @@ export interface WalletCardProps {
     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

@@ -10,14 +10,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 React, { useState, useMemo } from 'react';
 import { Card, QRCode } from 'antd';
-import Iconfont from "./../iconfont";
-import Barcode from 'react-barcode';
-import Amount from "./../pisellText/components/Amount";
-import PisellModal from "./../pisellModal";
 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 Guest from "./Guest";
 import "./index.less";
 
 // 添加JSX类型声明
@@ -57,7 +58,8 @@ var DEFAULT_PROPS = {
     key: 'discount',
     label: 'discount',
     value: 0
-  }]
+  }],
+  isLogin: false
 };
 
 // 自定义钩子：处理二维码/条形码模态框
@@ -108,7 +110,9 @@ var CardHeader = function CardHeader(_ref) {
     cardStyle = _ref$cardStyle === void 0 ? 'normal' : _ref$cardStyle,
     _ref$codeType = _ref.codeType,
     codeType = _ref$codeType === void 0 ? 'barCode' : _ref$codeType,
-    onCodeClick = _ref.onCodeClick;
+    onCodeClick = _ref.onCodeClick,
+    _ref$isLogin = _ref.isLogin,
+    isLogin = _ref$isLogin === void 0 ? false : _ref$isLogin;
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header"
   }, /*#__PURE__*/React.createElement("div", {
@@ -264,7 +268,9 @@ var WalletCard = function WalletCard(props) {
     onCodeClick = _DEFAULT_PROPS$props.onCodeClick,
     onClick = _DEFAULT_PROPS$props.onClick,
     className = _DEFAULT_PROPS$props.className,
-    style = _DEFAULT_PROPS$props.style;
+    style = _DEFAULT_PROPS$props.style,
+    _DEFAULT_PROPS$props$2 = _DEFAULT_PROPS$props.isLogin,
+    isLogin = _DEFAULT_PROPS$props$2 === void 0 ? false : _DEFAULT_PROPS$props$2;
 
   // 使用自定义钩子处理模态框逻辑
   var _useCodeModal = useCodeModal(cardNo, onCodeClick),
@@ -284,6 +290,7 @@ var WalletCard = function WalletCard(props) {
       };
     }
   }, [props.customBackgroundImage, mode]);
+  console.log(isLogin, 'wh987976');
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-wrapper', className),
     style: style,
@@ -300,7 +307,7 @@ var WalletCard = function WalletCard(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-content', mode),
     style: backgroundStyle
-  }, /*#__PURE__*/React.createElement(CardHeader, {
+  }, isLogin ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardHeader, {
     showWalletName: showWalletName,
     showIcon: showIcon,
     iconImg: iconImg,
@@ -316,6 +323,8 @@ var WalletCard = function WalletCard(props) {
   }), /*#__PURE__*/React.createElement(CardContent, {
     items: items,
     symbol: symbol
+  })) : /*#__PURE__*/React.createElement(Guest, {
+    setting: props
   })), cardStyle === 'full' && /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-showCode', codeDirection === 'top' ? 'code-top' : 'code-bottom')
   }, /*#__PURE__*/React.createElement(CodeDisplay, {

package/lib/components/walletCard/Guest/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Guest: (props: any) => JSX.Element;
+export default Guest;

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

@@ -0,0 +1,120 @@
+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/walletCard/Guest/index.tsx
+var Guest_exports = {};
+__export(Guest_exports, {
+  default: () => Guest_default
+});
+module.exports = __toCommonJS(Guest_exports);
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_button = __toESM(require("../../button"));
+var import_index = require("./index.less");
+var Guest = (props) => {
+  var _a, _b, _c;
+  const { setting } = props;
+  const context = (0, import_useEngineContext.default)();
+  const { utils } = context.appHelper || {};
+  console.log(utils, setting, "wh97896");
+  const goLogin = () => {
+  };
+  const getTextStyle = (config, otherConfig) => ({
+    color: (config == null ? void 0 : config.color) || (otherConfig == null ? void 0 : otherConfig.color) || "#fff",
+    fontSize: (config == null ? void 0 : config.size) && (utils == null ? void 0 : utils.pxToVw) ? utils == null ? void 0 : utils.pxToVw(config.size) : (otherConfig == null ? void 0 : otherConfig.size) || 14,
+    fontWeight: (config == null ? void 0 : config.weight) || (otherConfig == null ? void 0 : otherConfig.weight) || 400,
+    fontStyle: (config == null ? void 0 : config.style) || "normal"
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-wallet-guest-wrap",
+      style: {
+        backgroundColor: setting == null ? void 0 : setting.backgroundColor
+      }
+    },
+    (utils == null ? void 0 : utils.translation(setting == null ? void 0 : setting.backgroundImage)) ? /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        className: "pisell-wallet-guest-bg",
+        src: utils == null ? void 0 : utils.ali(utils == null ? void 0 : utils.translation(setting.backgroundImage), 1920),
+        alt: utils == null ? void 0 : utils.translation(setting == null ? void 0 : setting.backgroundImageAlt),
+        title: utils == null ? void 0 : utils.translation(setting == null ? void 0 : setting.backgroundImageAlt)
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `pisell-wallet-guest-content ${setting.align === "center" ? "pisell-wallet-guest-center" : ""}`
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-wallet-guest-title",
+          style: getTextStyle(setting == null ? void 0 : setting.titleConfig, {
+            size: 18,
+            weight: 600
+          })
+        },
+        utils == null ? void 0 : utils.translation((setting == null ? void 0 : setting.title) || ((_a = setting == null ? void 0 : setting.titleConfig) == null ? void 0 : _a.text))
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-wallet-guest-subtitle",
+          style: getTextStyle(setting == null ? void 0 : setting.subtitleConfig, {
+            color: "#D0D5DD"
+          })
+        },
+        utils == null ? void 0 : utils.translation(
+          (setting == null ? void 0 : setting.subtitle) || ((_b = setting == null ? void 0 : setting.subtitleConfig) == null ? void 0 : _b.text)
+        )
+      )),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-guest-button-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+        import_button.default,
+        {
+          style: {
+            backgroundColor: (setting == null ? void 0 : setting.buttonColor) || "#7F56D9"
+          },
+          onClick: goLogin
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: getTextStyle(setting == null ? void 0 : setting.buttonConfig, {
+              weight: 600
+            })
+          },
+          utils == null ? void 0 : utils.translation(
+            (setting == null ? void 0 : setting.buttonText) || ((_c = setting == null ? void 0 : setting.buttonConfig) == null ? void 0 : _c.text)
+          )
+        )
+      ))
+    )
+  );
+};
+var Guest_default = Guest;

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

@@ -0,0 +1,70 @@
+.pisell-wallet-guest-wrap {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+  overflow: hidden;
+  position: relative;
+  min-height: 136px;
+  display: flex;
+
+  .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/lib/components/walletCard/index.d.ts

@@ -53,6 +53,13 @@ export interface WalletCardProps {
     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/lib/components/walletCard/index.js

@@ -32,14 +32,15 @@ __export(walletCard_exports, {
   default: () => walletCard_default
 });
 module.exports = __toCommonJS(walletCard_exports);
-var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_iconfont = __toESM(require("./../iconfont"));
-var import_react_barcode = __toESM(require("react-barcode"));
-var import_Amount = __toESM(require("./../pisellText/components/Amount"));
-var import_pisellModal = __toESM(require("./../pisellModal"));
 var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_react_barcode = __toESM(require("react-barcode"));
 var import_locales = require("../../locales/index");
+var import_iconfont = __toESM(require("./../iconfont"));
+var import_pisellModal = __toESM(require("./../pisellModal"));
+var import_Amount = __toESM(require("./../pisellText/components/Amount"));
+var import_Guest = __toESM(require("./Guest"));
 var import_index = require("./index.less");
 var DEFAULT_PROPS = {
   symbol: "$",
@@ -78,7 +79,8 @@ var DEFAULT_PROPS = {
       label: "discount",
       value: 0
     }
-  ]
+  ],
+  isLogin: false
 };
 var useCodeModal = (cardNo, onCodeClick) => {
   const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
@@ -112,9 +114,17 @@ var CardHeader = ({
   cardNo = "Wallet number",
   cardStyle = "normal",
   codeType = "barCode",
-  onCodeClick
+  onCodeClick,
+  isLogin = false
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level" }, showIcon && iconImg && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, /* @__PURE__ */ import_react.default.createElement("img", { src: iconImg, alt: "wallet icon", style: { width: "20px", height: "20px" } })), showWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), showShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), showCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-right" }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level" }, showIcon && iconImg && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, /* @__PURE__ */ import_react.default.createElement(
+    "img",
+    {
+      src: iconImg,
+      alt: "wallet icon",
+      style: { width: "20px", height: "20px" }
+    }
+  )), showWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), showShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), showCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-right" }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-wallet-card-icon-wrapper",
@@ -167,7 +177,9 @@ var CodeModal = ({ isOpen, onClose, codeType, cardNo, platform }) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_pisellModal.default,
     {
-      title: (0, import_locales.getText)(codeType === "barCode" ? "walletCard-barcode" : "walletCard-qrcode"),
+      title: (0, import_locales.getText)(
+        codeType === "barCode" ? "walletCard-barcode" : "walletCard-qrcode"
+      ),
       platform,
       onCancel: onClose,
       open: isOpen,
@@ -201,19 +213,26 @@ var WalletCard = (props) => {
     onCodeClick,
     onClick,
     className,
-    style
+    style,
+    isLogin = false
   } = {
     ...DEFAULT_PROPS,
     ...props
   };
-  const { isModalOpen, handleCodeClick, closeModal } = useCodeModal(cardNo, onCodeClick);
+  const { isModalOpen, handleCodeClick, closeModal } = useCodeModal(
+    cardNo,
+    onCodeClick
+  );
   const backgroundStyle = (0, import_react.useMemo)(() => {
     if (props.customBackgroundImage) {
       return { backgroundImage: `url(${props.customBackgroundImage})` };
     } else {
-      return { backgroundImage: `url(https://file.mypisell-dev.com/pisel/image/9/${mode === "dark" ? "3d039c83ff5b84fadafb8a23c33d6cc42025_02_26_00_42_53_288_08413160975__720_456__" : "61dcbe950c9451164a6bb1d17d5bc5f02025_02_26_00_43_42_741_04853453608__720_456__"}.png)` };
+      return {
+        backgroundImage: `url(https://file.mypisell-dev.com/pisel/image/9/${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]);
+  console.log(isLogin, "wh987976");
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -225,7 +244,9 @@ var WalletCard = (props) => {
       "div",
       {
         className: "pisell-wallet-card-container",
-        style: { flexDirection: codeDirection === "top" ? "column-reverse" : "column" }
+        style: {
+          flexDirection: codeDirection === "top" ? "column-reverse" : "column"
+        }
       },
       /* @__PURE__ */ import_react.default.createElement(
         "div",
@@ -233,7 +254,7 @@ var WalletCard = (props) => {
           className: (0, import_classnames.default)("pisell-wallet-card-content", mode),
           style: backgroundStyle
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        isLogin ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
           CardHeader,
           {
             showWalletName,
@@ -249,10 +270,24 @@ var WalletCard = (props) => {
             codeType,
             onCodeClick: handleCodeClick
           }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(CardContent, { items, symbol })
+        ), /* @__PURE__ */ import_react.default.createElement(
+          CardContent,
+          {
+            items,
+            symbol
+          }
+        )) : /* @__PURE__ */ import_react.default.createElement(import_Guest.default, { setting: props })
       ),
-      cardStyle === "full" && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-showCode", codeDirection === "top" ? "code-top" : "code-bottom") }, /* @__PURE__ */ import_react.default.createElement(CodeDisplay, { codeType, cardNo }))
+      cardStyle === "full" && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "pisell-wallet-card-showCode",
+            codeDirection === "top" ? "code-top" : "code-bottom"
+          )
+        },
+        /* @__PURE__ */ import_react.default.createElement(CodeDisplay, { codeType, cardNo })
+      )
     )),
     /* @__PURE__ */ import_react.default.createElement(
       CodeModal,

package/lowcode/wallet-card/meta.ts

@@ -49,7 +49,7 @@ export default {
         },
       },
       defaultValue: 'dark',
-    }, 
+    },
     {
       name: 'cardStyle',
       title: {
@@ -74,7 +74,7 @@ export default {
         },
       },
       defaultValue: 'normal',
-    }, 
+    },
     {
       name: 'codeDirection',
       title: {
@@ -198,6 +198,56 @@ export default {
           defaultValue: true
         }
       ]
+    },
+    {
+      name: 'guest',
+      type: 'group',
+      display: 'accordion',
+      title: "未登录信息展示",
+      items: [
+        {
+          name: 'title',
+          title: { label: '主标题', tip: '主标题' },
+          propType: 'string',
+          defaultValue: 'Hi Guest, Join Us',
+          setter: 'PisellI18nSetter',
+        },
+        {
+          name: 'subtitle',
+          title: { label: '副标题', tip: '副标题' },
+          propType: 'string',
+          defaultValue: 'Unlock perks with every purchase',
+          setter: 'TextAreaSetter',
+        },
+        {
+          name: 'align',
+          title: { label: '对齐方式', tip: '内容区域文字对齐方式 left | center' },
+          setter: {
+            componentName: 'RadioGroupSetter',
+            props: {
+              options: [
+                {
+                  title: '左对齐',
+                  value: 'left',
+                },
+                {
+                  title: '居中对齐',
+                  value: 'center',
+                },
+              ],
+            },
+          },
+          propType: { type: 'oneOf', value: ['left', 'center'] },
+          defaultValue: 'left',
+        },
+        {
+          name: 'buttonText',
+          title: { label: '按钮文本', tip: '按钮文本' },
+          propType: 'string',
+          defaultValue: 'Sign Up Now',
+          setter: 'PisellI18nSetter',
+        }
+      ]
     }
   ],
   configure: {