@pisell/materials 3.3.57 → 3.3.59

package/lib/components/walletCard/index.js

@@ -36,6 +36,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_react_barcode = __toESM(require("react-barcode"));
+var import_EyeOff = __toESM(require("@pisell/icon/es/EyeOff"));
 var import_locales = require("../../locales/index");
 var import_iconfont = __toESM(require("./../iconfont"));
 var import_pisellModal = __toESM(require("./../pisellModal"));
@@ -143,13 +144,16 @@ var CardHeader = ({
   cardStyle = "normal",
   codeType = "barCode",
   onCodeClick,
-  isLogin = false
+  isLogin = false,
+  showViewPin = false,
+  onViewPinClick
 }) => {
   const processedShowIcon = toBooleanValue(showIcon);
   const processedShowWalletName = toBooleanValue(showWalletName);
   const processedShowShopName = toBooleanValue(showShopName);
   const processedShowCardNo = toBooleanValue(showCardNo);
   const processedShowCode = toBooleanValue(showCode);
+  const processedShowViewPin = toBooleanValue(showViewPin);
   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" }, processedShowIcon && iconImg ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, /* @__PURE__ */ import_react.default.createElement(
     "img",
     {
@@ -157,7 +161,15 @@ var CardHeader = ({
       alt: "wallet icon",
       style: { width: "20px", height: "20px" }
     }
-  )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-right" }, processedShowCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(
+  )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-wallet-card-header-view-pin",
+      onClick: onViewPinClick
+    },
+    (0, import_locales.getText)("walletCard-viewPin"),
+    /* @__PURE__ */ import_react.default.createElement(import_EyeOff.default, { className: "pisell-wallet-card-header-view-pin-icon" })
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-right" }, processedShowCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-wallet-card-icon-wrapper",
@@ -287,6 +299,7 @@ var WalletCard = (props) => {
   const showCardNo = toBooleanValue(mergedProps.showCardNo);
   const showCode = toBooleanValue(mergedProps.showCode);
   const isLogin = toBooleanValue(mergedProps.isLogin);
+  const showViewPin = toBooleanValue(mergedProps == null ? void 0 : mergedProps.showViewPin);
   const context = (0, import_useEngineContext.default)();
   const { utils } = context.appHelper || {};
   const { isModalOpen, handleCodeClick, closeModal } = useCodeModal(
@@ -294,6 +307,7 @@ var WalletCard = (props) => {
     onCodeClick,
     codeType
   );
+  console.log("showViewPin", props);
   const backgroundStyle = (0, import_react.useMemo)(() => {
     var _a2;
     if (props.customBackgroundImage) {
@@ -327,6 +341,14 @@ var WalletCard = (props) => {
       }
     });
   };
+  const onViewPinClick = (e) => {
+    e.stopPropagation();
+    if (props == null ? void 0 : props.onViewPinClick) {
+      props.onViewPinClick();
+    } else {
+      console.error("onViewPinClick方法需要传入");
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -375,7 +397,9 @@ var WalletCard = (props) => {
               cardStyle,
               codeType,
               onCodeClick: handleCodeClick,
-              isLogin
+              isLogin,
+              showViewPin,
+              onViewPinClick
             }
           ),
           /* @__PURE__ */ import_react.default.createElement(

package/lib/components/walletCard/index.less

@@ -106,6 +106,33 @@
           margin-bottom: 0;
         }
       }
+
+      .pisell-wallet-card-header-view-pin {
+        position: relative;
+        color: #53b1fd;
+        cursor: pointer;
+        font-size: 12px;
+        font-weight: 400;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        .pisell-wallet-card-header-view-pin-icon {
+          width: 16px;
+          height: 16px;
+          color: #53b1fd;
+          font-size: 16px;
+        }
+
+        &:after {
+          content: '';
+          position: absolute;
+          top: -5px;
+          left: -5px;
+          right: -5px;
+          bottom: -5px; /* 向外扩展5px */
+        }
+      }
     }
 
     // 头部右侧

package/lib/locales/en-US.d.ts

@@ -0,0 +1,290 @@
+declare const _default: {
+    'table-filter-search': string;
+    'table-filter-clear': string;
+    'table-filter-filter': string;
+    'table-filter-min': string;
+    'table-filter-max': string;
+    'table-pagination-previous': string;
+    'table-pagination-next': string;
+    'table-pagination-total': (current: string, total: string) => string;
+    'select-dropdown-render-select-all': string;
+    'select-dropdown-render-search': string;
+    'sort-button-text': string;
+    'sort-oldest-to-newest': string;
+    'sort-newest-to-oldest': string;
+    'sort-a-z': string;
+    'sort-z-a': string;
+    'sort-from-morning-to-night': string;
+    'sort-from-evening-to-morning': string;
+    'sort-0-9': string;
+    'sort-9-0': string;
+    'table-action-filter-button': string;
+    'table-action-filter-quick-filter': string;
+    'table-action-filter-quick-filter-tip': (count: number) => string;
+    'table-action-filter-other-filter': string;
+    'table-action-filter-other-filter-tip': () => string;
+    'table-action-group-by-title': string;
+    'table-action-group-by-title-tip': string;
+    'table-action-column-title': string;
+    'table-column-group-records': string;
+    'table-column-group-lock-tip': string;
+    'table-column-drag-sort-disabled-tip': string;
+    'table-action-filter-no-filter': string;
+    'table-action-range-picker-presets-today': string;
+    'table-action-range-picker-presets-yesterday': string;
+    'table-action-range-picker-presets-last-3-day': string;
+    'table-action-range-picker-presets-last-7-day': string;
+    'table-action-range-picker-presets-last-14-day': string;
+    'table-action-range-picker-presets-last-30-day': string;
+    'table-action-range-picker-presets-last-90-day': string;
+    'virtual-keyboard-time-now': string;
+    'virtual-keyboard-time-ok': string;
+    'batch-editor-batch-edit': string;
+    'batch-editor-actions': string;
+    'batch-editor-remove': string;
+    'batch-editor-price': string;
+    'batch-editor-cancel': string;
+    'batch-editor-search': string;
+    'batch-editor-confirm': string;
+    'batch-editor-batch-remove': string;
+    'batch-editor-quick-edit': string;
+    'batch-editor-what-price': string;
+    'batch-editor-quick-edit-title': (product: string, num: string) => string;
+    'batch-editor-quick-edit-title-2': (product: string) => string;
+    'table-action-export-import-export-success': string;
+    'table-action-export-import-button': string;
+    'table-action-export-import-export-range': string;
+    'table-action-export-import-current-page': string;
+    'table-action-export-import-all-records': string;
+    'table-action-export-import-selected-records': string;
+    'table-action-export-import-selected': string;
+    'table-action-export-import-item': (length: number) => string;
+    'table-action-export-import-product': string;
+    'table-action-export-import-table-text-input-title': string;
+    'table-action-export-import-table-text-input-describe': string;
+    'table-action-export-import-table-error-file': string;
+    'table-action-export-import-import-success': string;
+    'table-action-export-import-import-phone': string;
+    'table-action-export-import-table-success-download': string;
+    'table-action-export-import-table-textimport-product': string;
+    'table-action-export-import-table-text-product-template': string;
+    'table-action-export-import-table-text-click-download': string;
+    'table-action-export-import-table-text-edit-file': string;
+    'table-action-export-import-button-import': string;
+    'table-action-export-import-cancel': string;
+    'table-action-export-import-file-completed': string;
+    'table-action-export-import-file-processing': string;
+    'table-action-export-import-file-pending': string;
+    'table-action-export-import-file-refresh': string;
+    'table-action-export-import-export-title': string;
+    'table-action-export-import-file-hint': string;
+    'table-action-export-import-file-name': string;
+    'table-action-export-import-file-content': string;
+    'table-action-export-import-file-content-all': string;
+    'table-action-export-import-file-content-part': string;
+    'table-action-export-import-file-status': string;
+    'table-action-export-import-file-account': string;
+    'table-action-export-import-file-created': string;
+    'table-action-export-import-file-record': (length: number) => string;
+    'table-action-export-import-import-title': string;
+    'table-action-export-import-log-hint': string;
+    'table-action-export-import-log-name': string;
+    'table-action-export-import-log-result': string;
+    'table-action-export-import-log-ok': (num: number) => string;
+    'table-action-export-import-log-err': (num: number) => string;
+    'table-action-export-import-log-check': string;
+    'table-action-export-import-log-detail-title': string;
+    'table-action-export-import-log-err-log': string;
+    'table-action-export-import-log-copy': string;
+    'table-action-export-import-table-success-copy': string;
+    'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    'date-picker-apply': string;
+    'date-picker-shortcut-custom': string;
+    'pisell-input-copy-success': string;
+    'pisell-input-copy': string;
+    'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-input-confirm': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
+    'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
+    'pisell-wallet-pass-card-expireDate': string;
+    'pisell-adjust-price-price-override': string;
+    'pisell-adjust-price-discount': string;
+    'pisell-adjust-price-discount-amount': string;
+    'pisell-adjust-price-discount-percentage': string;
+    'pisell-adjust-price-total-after-discount': string;
+    'pisell-adjust-price-discount-can-be-maximum': string;
+    'pisell-discount-card-title': string;
+    'pisell-discount-card-unit': string;
+    'pisell-discount-card-fixed-amount-prefix': string;
+    'pisell-data-source-table-add': string;
+    'pisell-data-source-table-edit': string;
+    'pisell-data-source-table-detail': string;
+    'pisell-data-source-table-delete': string;
+    'pisell-record-view-available': string;
+    'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
+    'pisell-data-source-form-url-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
+    'pisell-data-source-form-mobile-message': string;
+    'pisell-data-source-form-pattern-message': string;
+    'pisell-number-format-thousand': string;
+    'pisell-number-format-million': string;
+    'pisell-number-format-billion': string;
+    'walletCard-done': string;
+    'walletCard-qrcode': string;
+    'walletCard-barcode': string;
+    'walletCard-viewPin': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
+    'pisell-upload-error': (name: string) => string;
+    'pisell-upload-multilingual-title': string;
+    'pisell-upload-multilingual-item-title-original': string;
+    'pisell-upload-multilingual-item-title-en': string;
+    'pisell-upload-multilingual-item-title-zh-CN': string;
+    'pisell-upload-multilingual-item-title-zh-HK': string;
+    'pisell-color-picker-default': string;
+    'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
+    'pisell-action-delete-failed': string;
+    'walletCard-piont': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
+    'pisellQrcode-done': string;
+    'pisellQrcode-qrcode': string;
+    'pisell-delete-confirm-title': string;
+    'pisell-delete-confirm-content': string;
+    'pisell-delete-confirm-ok': string;
+    'pisell-delete-confirm-cancel': string;
+    'pisell-design-mode-action-disabled': string;
+    'pisell-translation-original': string;
+    'pisell-version-modal-title': string;
+    'pisell-version-modal-current-version': string;
+    'pisell-version-modal-version': string;
+    'pisell-version-modal-update-notes': string;
+    'pisell-version-modal-patch': string;
+    'pisell-version-modal-minor': string;
+    'pisell-version-modal-major': string;
+    'pisell-version-modal-custom': string;
+    'pisell-version-modal-cancel': string;
+    'pisell-version-modal-confirm': string;
+    'pisell-version-modal-describe-update-notes': string;
+    'pisell-version-modal-version-error': string;
+    'pisell-version-modal-version-required': string;
+    'pisell-version-modal-based-on-version': string;
+    'subdomain-error-too-short': string;
+    'subdomain-error-too-long': string;
+    'subdomain-error-pattern': string;
+    'subdomain-error-numbers-only': string;
+    'subdomain-error-hyphen-ends': string;
+    'subdomain-error-consecutive-hyphens': string;
+    'subdomain-error-required': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
+    'pisell-lowcode-app-version-control-live': string;
+    'pisell-lowcode-app-version-control-draft': string;
+    'pisell-lowcode-app-version-control-deprecated': string;
+    'pisell-lowcode-app-version-control-new-version': string;
+    'pisell-lowcode-app-version-control-promote-to-live': string;
+    'pisell-lowcode-app-version-control-promote-version': (version: string) => string;
+    'pisell-lowcode-app-version-control-promote-version-describe': string;
+    'pisell-lowcode-app-version-control-promote-version-ok': string;
+    'pisell-lowcode-app-version-control-promote-version-cancel': string;
+    'pisell-lowcode-app-version-control-version-exists': string;
+    'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
+    'pisell-lowcode-navigation-menu-add-page-tip': string;
+    'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-proCode': string;
+    'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-group': string;
+    'pisell-lowcode-navigation-menu-tag-sub-menu': string;
+    'pisell-lowcode-navigation-menu-tag-custom': string;
+    'pisell-data-source-form-app-identifier-pattern': string;
+    'pisell-data-source-form-app-identifier-start-with-letter': string;
+    'pisell-group-permissions-rule-required': string;
+    'pisell-group-permissions-rule-limit': string;
+    'pisell-data-source-form-app-identifier-letters-only': string;
+    'pisell-data-source-form-app-identifier-alphanumeric': string;
+    'pisell-data-source-form-app-identifier-special-ends': string;
+    'pisell-data-source-form-app-identifier-consecutive-special': string;
+    'qrscanner-loading': string;
+    'qrscanner-success': string;
+    'qrscanner-success-qrcode': string;
+    'qrscanner-success-barcode': string;
+    'qrscanner-error-upload-image': string;
+    'qrscanner-error-load-failed': string;
+    'qrscanner-error-no-code': string;
+    'qrscanner-error-camera-init': string;
+    'qrscanner-error-process-image': string;
+    'pisell-login-and-register-title': string;
+    'pisell-login-and-register-subtitle': string;
+    'pisell-login-and-register-email-label': string;
+    'pisell-login-and-register-email-placeholder': string;
+    'pisell-login-and-register-password-label': string;
+    'pisell-login-and-register-password-placeholder': string;
+    'pisell-login-and-register-email-error': string;
+    'pisell-login-and-register-email-error-valid': string;
+    'pisell-login-and-register-password-error': string;
+    'pisell-login-and-register-login': string;
+    'pisell-login-and-register-google': string;
+    'pisell-login-and-register-facebook': string;
+    'pisell-login-and-register-apple': string;
+    'pisell-login-and-register-sign-up': string;
+    'pisell-login-and-register-login-tab': string;
+    'pisell-login-and-register-register-tab': string;
+    'pisell-login-and-register-register-email-placeholder': string;
+    'pisell-login-and-register-register-password-placeholder': string;
+    'pisell-login-and-register-register-button-text': string;
+    'pisell-login-and-register-remember-me': string;
+    'pisell-login-and-register-forgot-password': string;
+    'pisell2.text.goodpass.product-vouchers': string;
+    'pisell2.text.goodpass.last-settlement': string;
+    'pisell2.text.goodpass.view-more': string;
+    'pisell2.text.goodpass.save': string;
+    'pisell-camera-no-camera-accessible': string;
+    'pisell-camera-permission-denied': string;
+    'pisell-camera-switch-camera': string;
+    'pisell-camera-canvas': string;
+    'pisell-camera-checking': string;
+    'pisell-camera-no-camera-desc': string;
+    'pisell-upload-camera-local-files': string;
+    'pisell-upload-camera-capture': string;
+    'pisell-upload-camera-retake': string;
+    'pisell-upload-camera-use': string;
+};
+export default _default;

package/lib/locales/en-US.js

@@ -197,6 +197,7 @@ var en_US_default = {
   "walletCard-done": "Done",
   "walletCard-qrcode": "QR code",
   "walletCard-barcode": "Bar code",
+  "walletCard-viewPin": "View PIN",
   // 上传组件
   "pisell-upload-button": "Upload",
   "pisell-upload-setting-size-error": (maxSize) => `Each file should not exceed ${maxSize}MB in size.`,
@@ -327,5 +328,17 @@ var en_US_default = {
   "pisell2.text.goodpass.product-vouchers": "Promotions & Vouchers",
   "pisell2.text.goodpass.last-settlement": "(Last payment)",
   "pisell2.text.goodpass.view-more": "View More",
-  "pisell2.text.goodpass.save": "Save"
+  "pisell2.text.goodpass.save": "Save",
+  // 相机组件
+  "pisell-camera-no-camera-accessible": "No camera accessible",
+  "pisell-camera-permission-denied": "Permission denied",
+  "pisell-camera-switch-camera": "Switch camera",
+  "pisell-camera-canvas": "Canvas not supported",
+  "pisell-camera-checking": "Detecting camera...",
+  "pisell-camera-no-camera-desc": "Please check if your device has a camera or grant browser permission to access camera",
+  // 拍照组件
+  "pisell-upload-camera-local-files": "Local Files",
+  "pisell-upload-camera-capture": "Capture",
+  "pisell-upload-camera-retake": "Retake",
+  "pisell-upload-camera-use": "Use photo"
 };