@pisell/materials 1.0.850 → 1.0.852

package/es/components/productCard/components/Warning/index.js

@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react';
+import { locales } from '@pisell/utils';
+import { Alert } from 'antd';
+import "../../index.less";
+var Warning = function Warning(_ref) {
+  var errorMessage = _ref.errorMessage,
+    osWainTips = _ref.osWainTips;
+  /**
+   * @title: 错误提示列表
+   * @description: 错误提示列表
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-07-23 10:10
+   */
+  var errorLists = useMemo(function () {
+    if (errorMessage) {
+      // 如果errorMessage是数组，则返回数组
+      if (Array.isArray(errorMessage)) {
+        return errorMessage;
+      }
+
+      // 如果errorMessage是字符串，则返回字符串
+      if (typeof errorMessage === 'string') {
+        return [errorMessage];
+      }
+    }
+    if ((osWainTips === null || osWainTips === void 0 ? void 0 : osWainTips.length) > 0) {
+      return osWainTips.map(function (item) {
+        return locales.getText(item);
+      });
+    }
+    return [];
+  }, [errorMessage, osWainTips]);
+  if ((errorLists === null || errorLists === void 0 ? void 0 : errorLists.length) === 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, errorLists.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Alert, {
+      key: index,
+      message: item,
+      type: "warning",
+      showIcon: true,
+      className: "pisell-lowcode-product-card-error"
+    });
+  }));
+};
+export default Warning;

package/es/components/productCard/index.js

@@ -10,7 +10,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import React, { useMemo, useRef } from 'react';
 import classNames from 'classnames';
-import { Alert } from 'antd';
 import { locales } from '@pisell/utils';
 import CardPro from "../cardPro";
 import Header from "./components/Header";
@@ -26,6 +25,7 @@ import UseOpenNote from "./hooks/useOpenNote";
 import localeTexts from "./locales";
 import { defaultValue } from "./status";
 import useEngineContext from "../../hooks/useEngineContext";
+import Warning from "./components/Warning";
 import "./index.less";
 var ProductCard = function ProductCard(props) {
   var _utils$storage, _dataSource$items;
@@ -64,7 +64,9 @@ var ProductCard = function ProductCard(props) {
     isShowAction = dataSource.isShowAction,
     actionText = dataSource.actionText,
     errorMessage = dataSource.errorMessage,
-    isNormalProduct = dataSource.isNormalProduct;
+    isNormalProduct = dataSource.isNormalProduct,
+    _dataSource$osWainTip = dataSource.osWainTips,
+    osWainTips = _dataSource$osWainTip === void 0 ? [] : _dataSource$osWainTip;
 
   /**
    * @title: 显示图片
@@ -159,12 +161,10 @@ var ProductCard = function ProductCard(props) {
     onAction: function onAction() {
       return _onAction === null || _onAction === void 0 ? void 0 : _onAction(dataSource);
     }
-  }) : null, errorMessage ? /*#__PURE__*/React.createElement(Alert, {
-    message: errorMessage,
-    type: "warning",
-    showIcon: true,
-    className: "pisell-lowcode-product-card-error"
-  }) : null), /*#__PURE__*/React.createElement(UseOpenNote, {
+  }) : null, /*#__PURE__*/React.createElement(Warning, {
+    errorMessage: errorMessage,
+    osWainTips: osWainTips
+  })), /*#__PURE__*/React.createElement(UseOpenNote, {
     ref: useOpenNoteRef,
     onNoteChange: function onNoteChange(e) {
       onNote === null || onNote === void 0 || onNote(_objectSpread(_objectSpread({}, dataSource), {}, {

package/es/components/productCard/locales.js

@@ -37,7 +37,8 @@ export default {
     'pisell2.product.card.add.holder.modal.cancel': 'Cancel',
     'pisell2.product.card.add.holder.modal.clear': 'Clear',
     'pisell2.product.card.add.holder.modal.apply': 'Apply',
-    'pisell2.product.card.add.holder.modal.add': 'Add New'
+    'pisell2.product.card.add.holder.modal.add': 'Add New',
+    'pisell2.product.card.closing-soon.warning': 'The venue will close soon. Please make sure you have enough time for your visit.'
   },
   'zh-CN': {
     'pisell2.product.card.edit': '编辑',
@@ -77,7 +78,8 @@ export default {
     'pisell2.product.card.add.holder.modal.cancel': '取消',
     'pisell2.product.card.add.holder.modal.clear': '清除',
     'pisell2.product.card.add.holder.modal.apply': '应用',
-    'pisell2.product.card.add.holder.modal.add': '添加'
+    'pisell2.product.card.add.holder.modal.add': '添加',
+    'pisell2.product.card.closing-soon.warning': '当前入场时间临近营业结束，请确认是否仍要购买。'
   },
   'zh-HK': {
     'pisell2.product.card.edit': '編輯',
@@ -117,6 +119,7 @@ export default {
     'pisell2.product.card.add.holder.modal.cancel': '取消',
     'pisell2.product.card.add.holder.modal.clear': '清除',
     'pisell2.product.card.add.holder.modal.apply': '應用',
-    'pisell2.product.card.add.holder.modal.add': '添加'
+    'pisell2.product.card.add.holder.modal.add': '添加',
+    'pisell2.product.card.closing-soon.warning': '當前入場時間臨近營業結束，請確認是否仍要購買。'
   }
 };

package/es/components/productCard/status.js

@@ -64,5 +64,7 @@ export var defaultValue = {
   isShowPackageNote: true,
   isShowEditProduct: false,
   locale: 'en-US',
-  symbol: '$'
+  symbol: '$',
+  // os层自定义错误提示
+  osWainTips: []
 };

package/es/components/walletCard/index.js

@@ -179,9 +179,7 @@ var CardHeader = function CardHeader(_ref2) {
     className: "pisell-wallet-card-header-level-text"
   }, walletName)), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo), processedShowViewPin && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-view-pin",
-    onClick: function onClick() {
-      return onViewPinClick === null || onViewPinClick === void 0 ? void 0 : onViewPinClick();
-    }
+    onClick: onViewPinClick
   }, getText('walletCard-viewPin'), /*#__PURE__*/React.createElement(EyeOff, {
     className: "pisell-wallet-card-header-view-pin-icon"
   }))), /*#__PURE__*/React.createElement("div", {
@@ -396,7 +394,8 @@ var WalletCard = function WalletCard(props) {
   /**
    * 查看PIN的回调
    */
-  var onViewPinClick = function onViewPinClick() {
+  var onViewPinClick = function onViewPinClick(e) {
+    e.stopPropagation();
     if (props !== null && props !== void 0 && props.onViewPinClick) {
       props.onViewPinClick();
     } else {

package/es/components/walletCard/index.less

@@ -108,6 +108,7 @@
       }
 
       .pisell-wallet-card-header-view-pin {
+        position: relative;
         color: #53b1fd;
         cursor: pointer;
         font-size: 12px;
@@ -122,6 +123,15 @@
           color: #53b1fd;
           font-size: 16px;
         }
+
+        &:after {
+          content: '';
+          position: absolute;
+          top: -5px;
+          left: -5px;
+          right: -5px;
+          bottom: -5px; /* 向外扩展5px */
+        }
       }
     }
 

package/lib/components/productCard/components/Warning/index.js

@@ -0,0 +1,68 @@
+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/productCard/components/Warning/index.tsx
+var Warning_exports = {};
+__export(Warning_exports, {
+  default: () => Warning_default
+});
+module.exports = __toCommonJS(Warning_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import__ = require("../../index.less");
+var Warning = ({ errorMessage, osWainTips }) => {
+  const errorLists = (0, import_react.useMemo)(() => {
+    if (errorMessage) {
+      if (Array.isArray(errorMessage)) {
+        return errorMessage;
+      }
+      if (typeof errorMessage === "string") {
+        return [errorMessage];
+      }
+    }
+    if ((osWainTips == null ? void 0 : osWainTips.length) > 0) {
+      return osWainTips.map((item) => import_utils.locales.getText(item));
+    }
+    return [];
+  }, [errorMessage, osWainTips]);
+  if ((errorLists == null ? void 0 : errorLists.length) === 0) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, errorLists.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      key: index,
+      message: item,
+      type: "warning",
+      showIcon: true,
+      className: "pisell-lowcode-product-card-error"
+    }
+  )));
+};
+var Warning_default = Warning;

package/lib/components/productCard/index.js

@@ -34,7 +34,6 @@ __export(productCard_exports, {
 module.exports = __toCommonJS(productCard_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
-var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
 var import_cardPro = __toESM(require("../cardPro"));
 var import_Header = __toESM(require("./components/Header"));
@@ -50,6 +49,7 @@ var import_useOpenNote = __toESM(require("./hooks/useOpenNote"));
 var import_locales = __toESM(require("./locales"));
 var import_status = require("./status");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_Warning = __toESM(require("./components/Warning"));
 var import_index = require("./index.less");
 var ProductCard = (props) => {
   var _a, _b;
@@ -84,7 +84,8 @@ var ProductCard = (props) => {
     isShowAction,
     actionText,
     errorMessage,
-    isNormalProduct
+    isNormalProduct,
+    osWainTips = []
   } = dataSource;
   const showImage = (0, import_react.useMemo)(() => {
     return isShowImage && image;
@@ -180,15 +181,7 @@ var ProductCard = (props) => {
             onAction: () => onAction == null ? void 0 : onAction(dataSource)
           }
         ) : null,
-        errorMessage ? /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Alert,
-          {
-            message: errorMessage,
-            type: "warning",
-            showIcon: true,
-            className: "pisell-lowcode-product-card-error"
-          }
-        ) : null
+        /* @__PURE__ */ import_react.default.createElement(import_Warning.default, { errorMessage, osWainTips })
       ), /* @__PURE__ */ import_react.default.createElement(
         import_useOpenNote.default,
         {

package/lib/components/productCard/locales.js

@@ -47,7 +47,8 @@ var locales_default = {
     "pisell2.product.card.add.holder.modal.cancel": "Cancel",
     "pisell2.product.card.add.holder.modal.clear": "Clear",
     "pisell2.product.card.add.holder.modal.apply": "Apply",
-    "pisell2.product.card.add.holder.modal.add": "Add New"
+    "pisell2.product.card.add.holder.modal.add": "Add New",
+    "pisell2.product.card.closing-soon.warning": "The venue will close soon. Please make sure you have enough time for your visit."
   },
   "zh-CN": {
     "pisell2.product.card.edit": "编辑",
@@ -73,7 +74,8 @@ var locales_default = {
     "pisell2.product.card.add.holder.modal.cancel": "取消",
     "pisell2.product.card.add.holder.modal.clear": "清除",
     "pisell2.product.card.add.holder.modal.apply": "应用",
-    "pisell2.product.card.add.holder.modal.add": "添加"
+    "pisell2.product.card.add.holder.modal.add": "添加",
+    "pisell2.product.card.closing-soon.warning": "当前入场时间临近营业结束，请确认是否仍要购买。"
   },
   "zh-HK": {
     "pisell2.product.card.edit": "編輯",
@@ -99,6 +101,7 @@ var locales_default = {
     "pisell2.product.card.add.holder.modal.cancel": "取消",
     "pisell2.product.card.add.holder.modal.clear": "清除",
     "pisell2.product.card.add.holder.modal.apply": "應用",
-    "pisell2.product.card.add.holder.modal.add": "添加"
+    "pisell2.product.card.add.holder.modal.add": "添加",
+    "pisell2.product.card.closing-soon.warning": "當前入場時間臨近營業結束，請確認是否仍要購買。"
   }
 };

package/lib/components/productCard/status.js

@@ -61,7 +61,9 @@ var defaultValue = {
   isShowPackageNote: true,
   isShowEditProduct: false,
   locale: "en-US",
-  symbol: "$"
+  symbol: "$",
+  // os层自定义错误提示
+  osWainTips: []
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/components/walletCard/index.js

@@ -165,7 +165,7 @@ var CardHeader = ({
     "div",
     {
       className: "pisell-wallet-card-header-view-pin",
-      onClick: () => onViewPinClick == null ? void 0 : onViewPinClick()
+      onClick: onViewPinClick
     },
     (0, import_locales.getText)("walletCard-viewPin"),
     /* @__PURE__ */ import_react.default.createElement(import_EyeOff.default, { className: "pisell-wallet-card-header-view-pin-icon" })
@@ -341,7 +341,8 @@ var WalletCard = (props) => {
       }
     });
   };
-  const onViewPinClick = () => {
+  const onViewPinClick = (e) => {
+    e.stopPropagation();
     if (props == null ? void 0 : props.onViewPinClick) {
       props.onViewPinClick();
     } else {

package/lib/components/walletCard/index.less

@@ -108,6 +108,7 @@
       }
 
       .pisell-wallet-card-header-view-pin {
+        position: relative;
         color: #53b1fd;
         cursor: pointer;
         font-size: 12px;
@@ -122,6 +123,15 @@
           color: #53b1fd;
           font-size: 16px;
         }
+
+        &:after {
+          content: '';
+          position: absolute;
+          top: -5px;
+          left: -5px;
+          right: -5px;
+          bottom: -5px; /* 向外扩展5px */
+        }
       }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.850",
+  "version": "1.0.852",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",