@pisell/materials 6.0.21 → 6.1.1

package/es/components/table/hooks/useTransFilterSetting.js

@@ -1,9 +1,9 @@
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { useMemo } from "react";
 import { isMobile } from "../../../utils/platform";
 var useTransFilterSetting = function useTransFilterSetting(params) {

package/es/components/tabs/index.js

@@ -78,7 +78,12 @@ var Tabs = /*#__PURE__*/function (_Component) {
           onClick: function onClick(e) {
             return props.onTabClick(item.key, e);
           }
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/React.createElement(Badge, {
+          count: item.badge,
+          offset: [0, 6]
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "tab-bar-icon-wrap")
+        }, item.icon)), /*#__PURE__*/React.createElement("span", {
           className: "".concat(prefix, "tab-bar-label")
         }, item.label));
       }), props.extra);

package/es/components/translation/index.js

@@ -1,16 +1,16 @@
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["value", "onChange"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -63,8 +63,8 @@ var Translation = function Translation(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     _value = _useState4[0],
     set_value = _useState4[1];
-  var store = context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.store;
-  var _ref = (store === null || store === void 0 || (_store$getState = store.getState()) === null || _store$getState === void 0 ? void 0 : _store$getState.global) || defaultGlobal,
+  var store = context === null || context === void 0 ? void 0 : (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.store;
+  var _ref = (store === null || store === void 0 ? void 0 : (_store$getState = store.getState()) === null || _store$getState === void 0 ? void 0 : _store$getState.global) || defaultGlobal,
     shopLanguages = _ref.shopLanguages;
   useEffect(function () {
     var _newValue = _objectSpread({}, value);
@@ -101,7 +101,7 @@ var Translation = function Translation(props) {
     } else {
       newValue[currentLocale] = e || "";
     }
-    onChange === null || onChange === void 0 || onChange(newValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
   var isActive = useMemo(function () {
     var bol = false;
@@ -113,7 +113,7 @@ var Translation = function Translation(props) {
     return bol;
   }, [value, currentLocale]);
   var _onOk = function _onOk() {
-    onChange === null || onChange === void 0 || onChange(_value);
+    onChange === null || onChange === void 0 ? void 0 : onChange(_value);
     setOpen(false);
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, _extends({}, others, {

package/es/components/translation/utils.js

@@ -1,9 +1,9 @@
-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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 export var locales = {
   en: "",
   "zh-CN": "",

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

@@ -0,0 +1,87 @@
+import React, { useMemo } from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+import Button from "../../button";
+import "./index.less";
+var Guide = function Guide(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:
+   * @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'
+    };
+  };
+  var _setting = useMemo(function () {
+    return (setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig) || {};
+  }, [setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig]);
+
+  /**
+   * @title: 跳转链接
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-09 14:36
+   */
+  var handleClick = function handleClick(e) {
+    var _setting$skipLink;
+    e.stopPropagation();
+    if (!(_setting !== null && _setting !== void 0 && (_setting$skipLink = _setting.skipLink) !== null && _setting$skipLink !== void 0 && _setting$skipLink.page)) return;
+    utils === null || utils === void 0 || utils.jumpPageByLink(_setting === null || _setting === void 0 ? void 0 : _setting.skipLink);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guide-wrap",
+    style: {
+      backgroundColor: _setting === null || _setting === void 0 ? void 0 : _setting.backgroundColor
+    },
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, 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-guide-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-guide-content ".concat(_setting.align === 'center' ? 'pisell-wallet-guide-center' : '')
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guide-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-guide-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-guide-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: function onClick(e) {
+      return handleClick(e);
+    }
+  }, /*#__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 Guide;

package/es/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/es/components/walletCard/index.js

@@ -24,6 +24,7 @@ import PisellModal from "./../pisellModal";
 import Amount from "./../pisellText/components/Amount";
 import useEngineContext from "../../hooks/useEngineContext";
 import Guest from "./Guest";
+import Guide from "./Guide";
 import "./index.less";
 
 // 添加JSX类型声明
@@ -76,13 +77,34 @@ var toBooleanValue = function toBooleanValue(value) {
 };
 
 // 自定义钩子：处理二维码/条形码模态框
-var useCodeModal = function useCodeModal(cardNo, onCodeClick) {
+var useCodeModal = function useCodeModal(cardNo, onCodeClick, codeType) {
+  var _context$appHelper;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isModalOpen = _useState2[0],
     setIsModalOpen = _useState2[1];
+  var context = useEngineContext();
+  var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
+    interaction = _ref.interaction;
   var handleCodeClick = function handleCodeClick(e) {
+    var _interaction$utils, _interaction$utils$is;
     e.stopPropagation();
+    if (interaction !== null && interaction !== void 0 && (_interaction$utils = interaction.utils) !== null && _interaction$utils !== void 0 && (_interaction$utils$is = _interaction$utils.isAppEnv) !== null && _interaction$utils$is !== void 0 && _interaction$utils$is.call(_interaction$utils)) {
+      var _interaction$utils2, _interaction$utils2$p;
+      var typeMap = {
+        orCode: 'qrCode',
+        barCode: 'barCode'
+      };
+      interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 || _interaction$utils2$p.call(_interaction$utils2, {
+        module: 'global',
+        key: 'openCodeModal',
+        data: {
+          type: typeMap[codeType] || codeType,
+          value: cardNo
+        }
+      });
+      return;
+    }
     if (onCodeClick) {
       onCodeClick();
     } else {
@@ -101,32 +123,32 @@ var useCodeModal = function useCodeModal(cardNo, onCodeClick) {
 };
 
 // 子组件：卡片头部
-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;
+var CardHeader = function CardHeader(_ref2) {
+  var _ref2$showIcon = _ref2.showIcon,
+    showIcon = _ref2$showIcon === void 0 ? true : _ref2$showIcon,
+    _ref2$showWalletName = _ref2.showWalletName,
+    showWalletName = _ref2$showWalletName === void 0 ? true : _ref2$showWalletName,
+    _ref2$showShopName = _ref2.showShopName,
+    showShopName = _ref2$showShopName === void 0 ? true : _ref2$showShopName,
+    _ref2$showCardNo = _ref2.showCardNo,
+    showCardNo = _ref2$showCardNo === void 0 ? true : _ref2$showCardNo,
+    _ref2$showCode = _ref2.showCode,
+    showCode = _ref2$showCode === void 0 ? true : _ref2$showCode,
+    iconImg = _ref2.iconImg,
+    mode = _ref2.mode,
+    _ref2$walletName = _ref2.walletName,
+    walletName = _ref2$walletName === void 0 ? 'Level' : _ref2$walletName,
+    _ref2$shopName = _ref2.shopName,
+    shopName = _ref2$shopName === void 0 ? 'Store name' : _ref2$shopName,
+    _ref2$cardNo = _ref2.cardNo,
+    cardNo = _ref2$cardNo === void 0 ? 'Wallet number' : _ref2$cardNo,
+    _ref2$cardStyle = _ref2.cardStyle,
+    cardStyle = _ref2$cardStyle === void 0 ? 'normal' : _ref2$cardStyle,
+    _ref2$codeType = _ref2.codeType,
+    codeType = _ref2$codeType === void 0 ? 'barCode' : _ref2$codeType,
+    onCodeClick = _ref2.onCodeClick,
+    _ref2$isLogin = _ref2.isLogin,
+    isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin;
   // 处理可能为0/1的布尔值
   var processedShowIcon = toBooleanValue(showIcon);
   var processedShowWalletName = toBooleanValue(showWalletName);
@@ -165,9 +187,9 @@ var CardHeader = function CardHeader(_ref) {
 };
 
 // 子组件：卡片内容项
-var CardItem = function CardItem(_ref2) {
-  var item = _ref2.item,
-    symbol = _ref2.symbol;
+var CardItem = function CardItem(_ref3) {
+  var item = _ref3.item,
+    symbol = _ref3.symbol;
   var key = item.key,
     label = item.label,
     value = item.value;
@@ -188,9 +210,9 @@ var CardItem = function CardItem(_ref2) {
 };
 
 // 子组件：卡片内容
-var CardContent = function CardContent(_ref3) {
-  var items = _ref3.items,
-    symbol = _ref3.symbol;
+var CardContent = function CardContent(_ref4) {
+  var items = _ref4.items,
+    symbol = _ref4.symbol;
   // 定义期望的顺序
   var expectedOrder = ['piont', 'balance', 'discount', 'voucher'];
 
@@ -218,9 +240,9 @@ var CardContent = function CardContent(_ref3) {
 };
 
 // 子组件：二维码/条形码显示
-var CodeDisplay = function CodeDisplay(_ref4) {
-  var codeType = _ref4.codeType,
-    cardNo = _ref4.cardNo;
+var CodeDisplay = function CodeDisplay(_ref5) {
+  var codeType = _ref5.codeType,
+    cardNo = _ref5.cardNo;
   if (!cardNo) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-code"
@@ -250,12 +272,12 @@ var blockEvent = function blockEvent(e) {
 };
 
 // 子组件：二维码/条形码模态框
-var CodeModal = function CodeModal(_ref5) {
-  var isOpen = _ref5.isOpen,
-    onClose = _ref5.onClose,
-    codeType = _ref5.codeType,
-    cardNo = _ref5.cardNo,
-    platform = _ref5.platform;
+var CodeModal = function CodeModal(_ref6) {
+  var isOpen = _ref6.isOpen,
+    onClose = _ref6.onClose,
+    codeType = _ref6.codeType,
+    cardNo = _ref6.cardNo,
+    platform = _ref6.platform;
   return /*#__PURE__*/React.createElement(PisellModal, {
     title: getText(codeType === 'barCode' ? 'walletCard-barcode' : 'walletCard-qrcode'),
     platform: platform,
@@ -290,6 +312,7 @@ var CodeModal = function CodeModal(_ref5) {
 
 // 主组件
 var WalletCard = function WalletCard(props) {
+  var _props$walletGuideCon2;
   var mergedProps = _objectSpread(_objectSpread({}, DEFAULT_PROPS), props);
   var symbol = mergedProps.symbol,
     mode = mergedProps.mode,
@@ -306,7 +329,8 @@ var WalletCard = function WalletCard(props) {
     onCodeClick = mergedProps.onCodeClick,
     onClick = mergedProps.onClick,
     className = mergedProps.className,
-    style = mergedProps.style;
+    style = mergedProps.style,
+    isGuide = mergedProps.isGuide;
 
   // 处理可能为0/1的布尔值props
   var showIcon = toBooleanValue(mergedProps.showIcon);
@@ -316,10 +340,10 @@ var WalletCard = function WalletCard(props) {
   var showCode = toBooleanValue(mergedProps.showCode);
   var isLogin = toBooleanValue(mergedProps.isLogin);
   var context = useEngineContext();
-  var _ref6 = context.appHelper || {},
-    utils = _ref6.utils;
+  var _ref7 = context.appHelper || {},
+    utils = _ref7.utils;
   // 使用自定义钩子处理模态框逻辑
-  var _useCodeModal = useCodeModal(cardNo, onCodeClick),
+  var _useCodeModal = useCodeModal(cardNo, onCodeClick, codeType),
     isModalOpen = _useCodeModal.isModalOpen,
     handleCodeClick = _useCodeModal.handleCodeClick,
     closeModal = _useCodeModal.closeModal;
@@ -331,12 +355,23 @@ var WalletCard = function WalletCard(props) {
         backgroundImage: "url(".concat(props.customBackgroundImage, ")")
       };
     } else {
+      var _props$walletGuideCon;
+      // 如果游客和引导页设置了背景色，则不展示背景图
+      if (props !== null && props !== void 0 && (_props$walletGuideCon = props.walletGuideConfig) !== null && _props$walletGuideCon !== void 0 && _props$walletGuideCon.backgroundColor && isGuide || props !== null && props !== void 0 && props.backgroundColor && !isLogin) {
+        return {
+          backgroundImage: 'none'
+        };
+      }
       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]);
+  }, [props.customBackgroundImage, mode, props === null || props === void 0 || (_props$walletGuideCon2 = props.walletGuideConfig) === null || _props$walletGuideCon2 === void 0 ? void 0 : _props$walletGuideCon2.backgroundColor, props === null || props === void 0 ? void 0 : props.backgroundColor, isLogin, isGuide]);
   var goWallet = function goWallet() {
+    // 未开启任何一个wallet pass展示，则不跳转
+    if (!(items !== null && items !== void 0 && items.length)) {
+      return;
+    }
     utils === null || utils === void 0 || utils.action({
       type: 'pisell1.goWallet',
       data: {},
@@ -360,9 +395,9 @@ var WalletCard = function WalletCard(props) {
       flexDirection: codeDirection === 'top' ? 'column-reverse' : 'column'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-wallet-card-content', mode, !isLogin && 'pisell-wallet-card-guest-content'),
+    className: classNames('pisell-wallet-card-content', mode, (!isLogin || isGuide) && 'pisell-wallet-card-guest-content'),
     style: backgroundStyle
-  }, isLogin ? /*#__PURE__*/React.createElement("div", {
+  }, isLogin ? !isGuide ? /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       goWallet();
     }
@@ -384,7 +419,9 @@ var WalletCard = function WalletCard(props) {
   }), /*#__PURE__*/React.createElement(CardContent, {
     items: items,
     symbol: symbol
-  })) : /*#__PURE__*/React.createElement(Guest, {
+  })) : /*#__PURE__*/React.createElement(Guide, {
+    setting: props
+  }) : /*#__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')

package/es/components/walletCard/index.less

@@ -20,7 +20,7 @@
 
     // 暗色主题
     &.dark {
-      background-color: #000;
+      background-color: transparent;
 
       .pisell-wallet-card-header-left {
         color: #fff;
@@ -39,7 +39,7 @@
 
     // 亮色主题
     &.light {
-      background-color: #fff;
+      background-color: transparent;
 
       .pisell-wallet-card-header-left {
         color: #101828;
@@ -210,7 +210,6 @@
 
         text {
           fill: #000;
-          font-family: Inter;
           font-size: 12px;
           font-style: normal;
           font-weight: 400;
@@ -223,7 +222,6 @@
     // 二维码下方文本样式
     .pisell-wallet-card-code-qrcode-value {
       color: #000;
-      font-family: Inter;
       font-size: 12px;
       text-align: center;
       font-style: normal;
@@ -240,7 +238,7 @@
 
 // 二维码模态框
 .pisell-qrcode-modal {
-  .pisell-qrcode-modal-content{
+  .pisell-qrcode-modal-content {
     pointer-events: auto;
     touch-action: none;
     overscroll-behavior: none;

package/es/hooks/useResponsive.js

@@ -1,8 +1,8 @@
 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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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; }
 import { useEffect, useState, useMemo } from 'react';

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, Collapse, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version, } from 'antd';
+export { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version, } from 'antd';
 export { default as AutoComplete } from './components/auto-complete';
 export { default as AutoCompleteNumber } from './components/auto-complete-number';
 export { default as Badge } from './components/badge';
@@ -129,3 +129,13 @@ export { default as PisellNavigationMenu } from './components/pisellNavigationMe
 export { default as PisellAppCard } from './components/pisellAppCard';
 export type { PisellAppCardProps } from './components/pisellAppCard/types';
 export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
+export { default as PisellDropdown } from './components/pisellDropdown';
+export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
+export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellList01 } from './components/pisellList01';
+export { default as SectionFooters } from './components/section-footers';
+export { default as ProductCard } from './components/productCard';
+export { default as Collapse } from './components/collapse';
+export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';