@pisell/materials 1.0.805 → 1.0.806

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

@@ -0,0 +1,71 @@
+.pisell-wallet-guide-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-guide-bg {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  .pisell-wallet-guide-content {
+    position: relative;
+    text-align: left;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+
+    &.pisell-wallet-guide-center {
+      text-align: center;
+      align-items: center;
+    }
+
+    .pisell-wallet-guide-title {
+      line-height: 28px;
+    }
+
+    .pisell-wallet-guide-subtitle {
+      line-height: 20px;
+    }
+
+    .pisell-wallet-guide-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

@@ -60,6 +60,8 @@ export interface WalletCardProps {
     [key: string]: any;
     /** 是否已登录 */
     isLogin?: boolean;
+    /** 是否是引导页 */
+    isGuide?: boolean;
 }
 declare const WalletCard: React.FC<WalletCardProps>;
 export default WalletCard;

package/lib/components/walletCard/index.js

@@ -42,6 +42,7 @@ var import_pisellModal = __toESM(require("./../pisellModal"));
 var import_Amount = __toESM(require("./../pisellText/components/Amount"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_Guest = __toESM(require("./Guest"));
+var import_Guide = __toESM(require("./Guide"));
 var import_index = require("./index.less");
 var DEFAULT_PROPS = {
   symbol: "$",
@@ -276,7 +277,8 @@ var WalletCard = (props) => {
     onCodeClick,
     onClick,
     className,
-    style
+    style,
+    isGuide
   } = mergedProps;
   const showIcon = toBooleanValue(mergedProps.showIcon);
   const showWalletName = toBooleanValue(mergedProps.showWalletName);
@@ -301,6 +303,9 @@ var WalletCard = (props) => {
     }
   }, [props.customBackgroundImage, mode]);
   const goWallet = () => {
+    if (!(items == null ? void 0 : items.length)) {
+      return;
+    }
     utils == null ? void 0 : utils.action({
       type: "pisell1.goWallet",
       data: {},
@@ -329,11 +334,11 @@ var WalletCard = (props) => {
           className: (0, import_classnames.default)(
             "pisell-wallet-card-content",
             mode,
-            !isLogin && "pisell-wallet-card-guest-content"
+            (!isLogin || isGuide) && "pisell-wallet-card-guest-content"
           ),
           style: backgroundStyle
         },
-        isLogin ? /* @__PURE__ */ import_react.default.createElement(
+        isLogin ? !isGuide ? /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
             onClick: () => {
@@ -366,7 +371,7 @@ var WalletCard = (props) => {
               symbol
             }
           )
-        ) : /* @__PURE__ */ import_react.default.createElement(import_Guest.default, { setting: props })
+        ) : /* @__PURE__ */ import_react.default.createElement(import_Guide.default, { setting: props }) : /* @__PURE__ */ import_react.default.createElement(import_Guest.default, { setting: props })
       ),
       cardStyle === "full" && isLogin && /* @__PURE__ */ import_react.default.createElement(
         "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.805",
+  "version": "1.0.806",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -72,8 +72,8 @@
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.115",
-    "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/icon": "0.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0",