@pisell/materials 2.2.103 → 2.2.104

package/es/components/virtual-keyboard/Number/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const numberThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

package/es/components/virtual-keyboard/Number/types.d.ts

@@ -0,0 +1,26 @@
+export interface NumberProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+    defaultSelect?: boolean;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+}

package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import './index.less';
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
+    style?: React.CSSProperties;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
+export default VirtualKeyInput;

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

@@ -62,6 +62,10 @@ export interface WalletCardProps {
     isLogin?: boolean;
     /** 是否是引导页 */
     isGuide?: boolean;
+    /** 是否显示查看PIN */
+    showViewPin?: boolean;
+    /** 查看PIN的回调 */
+    onViewPinClick?: () => void;
 }
 declare const WalletCard: React.FC<WalletCardProps>;
 export default WalletCard;

package/es/components/walletCard/index.js

@@ -18,6 +18,7 @@ import { Card, QRCode } from 'antd';
 import classNames from 'classnames';
 import React, { useMemo, useState } from 'react';
 import Barcode from 'react-barcode';
+import EyeOff from '@pisell/icon/es/EyeOff';
 import { getText } from "../../locales/index";
 import Iconfont from "./../iconfont";
 import PisellModal from "./../pisellModal";
@@ -148,13 +149,17 @@ var CardHeader = function CardHeader(_ref2) {
     codeType = _ref2$codeType === void 0 ? 'barCode' : _ref2$codeType,
     onCodeClick = _ref2.onCodeClick,
     _ref2$isLogin = _ref2.isLogin,
-    isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin;
+    isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin,
+    _ref2$showViewPin = _ref2.showViewPin,
+    showViewPin = _ref2$showViewPin === void 0 ? false : _ref2$showViewPin,
+    onViewPinClick = _ref2.onViewPinClick;
   // 处理可能为0/1的布尔值
   var processedShowIcon = toBooleanValue(showIcon);
   var processedShowWalletName = toBooleanValue(showWalletName);
   var processedShowShopName = toBooleanValue(showShopName);
   var processedShowCardNo = toBooleanValue(showCardNo);
   var processedShowCode = toBooleanValue(showCode);
+  var processedShowViewPin = toBooleanValue(showViewPin);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header"
   }, /*#__PURE__*/React.createElement("div", {
@@ -172,7 +177,12 @@ var CardHeader = function CardHeader(_ref2) {
     }
   })) : null, processedShowWalletName && walletName && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-level-text"
-  }, walletName)), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo)), /*#__PURE__*/React.createElement("div", {
+  }, 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: onViewPinClick
+  }, getText('walletCard-viewPin'), /*#__PURE__*/React.createElement(EyeOff, {
+    className: "pisell-wallet-card-header-view-pin-icon"
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-right"
   }, processedShowCode && cardStyle === 'normal' && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-icon-wrapper",
@@ -339,6 +349,7 @@ var WalletCard = function WalletCard(props) {
   var showCardNo = toBooleanValue(mergedProps.showCardNo);
   var showCode = toBooleanValue(mergedProps.showCode);
   var isLogin = toBooleanValue(mergedProps.isLogin);
+  var showViewPin = toBooleanValue(mergedProps === null || mergedProps === void 0 ? void 0 : mergedProps.showViewPin);
   var context = useEngineContext();
   var _ref7 = context.appHelper || {},
     utils = _ref7.utils;
@@ -347,6 +358,7 @@ var WalletCard = function WalletCard(props) {
     isModalOpen = _useCodeModal.isModalOpen,
     handleCodeClick = _useCodeModal.handleCodeClick,
     closeModal = _useCodeModal.closeModal;
+  console.log('showViewPin', props);
 
   // 计算背景样式
   var backgroundStyle = useMemo(function () {
@@ -378,6 +390,18 @@ var WalletCard = function WalletCard(props) {
       callback: function callback() {}
     });
   };
+
+  /**
+   * 查看PIN的回调
+   */
+  var onViewPinClick = function onViewPinClick(e) {
+    e.stopPropagation();
+    if (props !== null && props !== void 0 && props.onViewPinClick) {
+      props.onViewPinClick();
+    } else {
+      console.error('onViewPinClick方法需要传入');
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-wrapper', className),
     style: style,
@@ -415,7 +439,9 @@ var WalletCard = function WalletCard(props) {
     cardStyle: cardStyle,
     codeType: codeType,
     onCodeClick: handleCodeClick,
-    isLogin: isLogin
+    isLogin: isLogin,
+    showViewPin: showViewPin,
+    onViewPinClick: onViewPinClick
   }), /*#__PURE__*/React.createElement(CardContent, {
     items: items,
     symbol: symbol

package/es/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/es/locales/en-US.d.ts

@@ -1,44 +1,44 @@
 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;
+    '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;
@@ -108,7 +108,7 @@ declare const _default: {
     '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-apply': string;
     'date-picker-shortcut-custom': string;
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
@@ -160,6 +160,7 @@ declare const _default: {
     '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;
@@ -241,15 +242,15 @@ declare const _default: {
     '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;
+    '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;

package/es/locales/en-US.js

@@ -1,50 +1,50 @@
 export default {
-  "table-filter-search": "Search",
-  "table-filter-clear": "Clear",
-  "table-filter-filter": "Filter",
-  "table-filter-min": "Min",
-  "table-filter-max": "Max",
-  "table-pagination-previous": "Previous",
-  "table-pagination-next": "Next",
-  "table-pagination-total": function tablePaginationTotal(current, total) {
+  'table-filter-search': 'Search',
+  'table-filter-clear': 'Clear',
+  'table-filter-filter': 'Filter',
+  'table-filter-min': 'Min',
+  'table-filter-max': 'Max',
+  'table-pagination-previous': 'Previous',
+  'table-pagination-next': 'Next',
+  'table-pagination-total': function tablePaginationTotal(current, total) {
     return "Page ".concat(current, " of ").concat(total);
   },
-  "select-dropdown-render-select-all": "Select all",
-  "select-dropdown-render-search": "Search",
-  "sort-button-text": "Sort",
-  "sort-oldest-to-newest": "Oldest to newest",
-  "sort-newest-to-oldest": "Newest to oldest",
-  "sort-a-z": "A to Z",
-  "sort-z-a": "Z to A",
-  "sort-from-morning-to-night": "From morning to night",
-  "sort-from-evening-to-morning": "From evening to morning",
-  "sort-0-9": "0 ~ 9",
-  "sort-9-0": "9 ~ 0",
-  "table-action-filter-button": "Filter",
-  "table-action-filter-quick-filter": "Quick Filter",
-  "table-action-filter-quick-filter-tip": function tableActionFilterQuickFilterTip(count) {
+  'select-dropdown-render-select-all': 'Select all',
+  'select-dropdown-render-search': 'Search',
+  'sort-button-text': 'Sort',
+  'sort-oldest-to-newest': 'Oldest to newest',
+  'sort-newest-to-oldest': 'Newest to oldest',
+  'sort-a-z': 'A to Z',
+  'sort-z-a': 'Z to A',
+  'sort-from-morning-to-night': 'From morning to night',
+  'sort-from-evening-to-morning': 'From evening to morning',
+  'sort-0-9': '0 ~ 9',
+  'sort-9-0': '9 ~ 0',
+  'table-action-filter-button': 'Filter',
+  'table-action-filter-quick-filter': 'Quick Filter',
+  'table-action-filter-quick-filter-tip': function tableActionFilterQuickFilterTip(count) {
     return "Enable quick filtering directly on the page for convenient filtering operations, with a maximum of ".concat(count, " filters allowed.");
   },
-  "table-action-filter-other-filter": "Filter",
-  "table-action-filter-other-filter-tip": function tableActionFilterOtherFilterTip() {
-    return "Select filter criteria in the list to perform filtering operations and display corresponding results.";
+  'table-action-filter-other-filter': 'Filter',
+  'table-action-filter-other-filter-tip': function tableActionFilterOtherFilterTip() {
+    return 'Select filter criteria in the list to perform filtering operations and display corresponding results.';
   },
-  "table-action-group-by-title": "Group by",
-  "table-action-group-by-title-tip": "Please select the field from the dropdown menu to group the data for better organization and browsing.",
-  "table-action-column-title": "Header settings",
-  "table-column-group-records": "records",
-  "table-column-group-lock-tip": "Fixed column immutable order",
-  "table-column-drag-sort-disabled-tip": "Automatic sorting is enabled, manual dragging is disabled.",
-  "table-action-filter-no-filter": "No filter options available.",
-  "table-action-range-picker-presets-today": "Today",
-  "table-action-range-picker-presets-yesterday": "Yesterday",
-  "table-action-range-picker-presets-last-3-day": "Last 3 Days",
-  "table-action-range-picker-presets-last-7-day": "Last 7 Days",
-  "table-action-range-picker-presets-last-14-day": "Last 14 Days",
-  "table-action-range-picker-presets-last-30-day": "Last 30 Days",
-  "table-action-range-picker-presets-last-90-day": "Last 90 Days",
-  "virtual-keyboard-time-now": "Now",
-  "virtual-keyboard-time-ok": "OK",
+  'table-action-group-by-title': 'Group by',
+  'table-action-group-by-title-tip': 'Please select the field from the dropdown menu to group the data for better organization and browsing.',
+  'table-action-column-title': 'Header settings',
+  'table-column-group-records': 'records',
+  'table-column-group-lock-tip': 'Fixed column immutable order',
+  'table-column-drag-sort-disabled-tip': 'Automatic sorting is enabled, manual dragging is disabled.',
+  'table-action-filter-no-filter': 'No filter options available.',
+  'table-action-range-picker-presets-today': 'Today',
+  'table-action-range-picker-presets-yesterday': 'Yesterday',
+  'table-action-range-picker-presets-last-3-day': 'Last 3 Days',
+  'table-action-range-picker-presets-last-7-day': 'Last 7 Days',
+  'table-action-range-picker-presets-last-14-day': 'Last 14 Days',
+  'table-action-range-picker-presets-last-30-day': 'Last 30 Days',
+  'table-action-range-picker-presets-last-90-day': 'Last 90 Days',
+  'virtual-keyboard-time-now': 'Now',
+  'virtual-keyboard-time-ok': 'OK',
   'batch-editor-batch-edit': 'Batch edit',
   'batch-editor-actions': 'Actions',
   'batch-editor-remove': 'Remove',
@@ -54,7 +54,7 @@ export default {
   'batch-editor-confirm': 'Confirm',
   'batch-editor-batch-remove': 'Batch remove',
   'batch-editor-quick-edit': 'Quick edit',
-  'batch-editor-what-price': "What price",
+  'batch-editor-what-price': 'What price',
   'batch-editor-quick-edit-title': function batchEditorQuickEditTitle(product, num) {
     return "You have selected ".concat(num, " products including ").concat(product);
   },
@@ -131,7 +131,7 @@ export default {
   'date-picker-first_day_of_next_month': 'First day of next month',
   'date-picker-last_day_of_last_month': 'Last day of last month',
   'date-picker-invalid-date': 'Invalid date',
-  "date-picker-apply": "Apply",
+  'date-picker-apply': 'Apply',
   'date-picker-shortcut-custom': 'Custom',
   'pisell-input-copy-success': 'Copy Success',
   'pisell-input-copy': 'Copy',
@@ -155,12 +155,12 @@ export default {
   'pisell-wallet-pass-card-required': 'This field is required',
   'pisell-wallet-pass-card-expireDate': 'Long term',
   // 金额修改组件
-  'pisell-adjust-price-price-override': "Price override",
-  'pisell-adjust-price-discount': "Discount",
-  'pisell-adjust-price-discount-amount': "Amount",
-  'pisell-adjust-price-discount-percentage': "Percentage",
-  'pisell-adjust-price-total-after-discount': "Total after discount: ",
-  'pisell-adjust-price-discount-can-be-maximum': "Discount can be maximum",
+  'pisell-adjust-price-price-override': 'Price override',
+  'pisell-adjust-price-discount': 'Discount',
+  'pisell-adjust-price-discount-amount': 'Amount',
+  'pisell-adjust-price-discount-percentage': 'Percentage',
+  'pisell-adjust-price-total-after-discount': 'Total after discount: ',
+  'pisell-adjust-price-discount-can-be-maximum': 'Discount can be maximum',
   'pisell-discount-card-title': 'Discount',
   'pisell-discount-card-unit': 'off',
   'pisell-discount-card-fixed-amount-prefix': 'Save',
@@ -199,6 +199,7 @@ export 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': function pisellUploadSettingSizeError(maxSize) {
@@ -274,7 +275,7 @@ export default {
   'pisell-lowcode-app-version-control-new-version': 'New version',
   'pisell-lowcode-app-version-control-promote-to-live': 'Promote to live',
   'pisell-lowcode-app-version-control-promote-version': function pisellLowcodeAppVersionControlPromoteVersion(version) {
-    return "Promote version ".concat(version || "", "?");
+    return "Promote version ".concat(version || '', "?");
   },
   'pisell-lowcode-app-version-control-promote-version-describe': 'Are you sure you want to promote this version?',
   'pisell-lowcode-app-version-control-promote-version-ok': 'Promote',
@@ -286,12 +287,12 @@ export default {
   'pisell-lowcode-navigation-menu-add-sub-menu': 'Add submenu',
   'pisell-lowcode-navigation-menu-add-page': 'Add page',
   'pisell-lowcode-navigation-menu-add-page-tip': 'No navigation found. Please add a submenu or page.',
-  'pisell-lowcode-navigation-menu-tag-base': "Base",
-  'pisell-lowcode-navigation-menu-tag-proCode': "Pro code",
-  'pisell-lowcode-navigation-menu-tag-pisell1': "Pisell 1.0",
-  'pisell-lowcode-navigation-menu-tag-group': "Group",
-  'pisell-lowcode-navigation-menu-tag-sub-menu': "Submenu",
-  'pisell-lowcode-navigation-menu-tag-custom': "Custom",
+  'pisell-lowcode-navigation-menu-tag-base': 'Base',
+  'pisell-lowcode-navigation-menu-tag-proCode': 'Pro code',
+  'pisell-lowcode-navigation-menu-tag-pisell1': 'Pisell 1.0',
+  'pisell-lowcode-navigation-menu-tag-group': 'Group',
+  'pisell-lowcode-navigation-menu-tag-sub-menu': 'Submenu',
+  'pisell-lowcode-navigation-menu-tag-custom': 'Custom',
   // 应用标识符
   'pisell-data-source-form-app-identifier-pattern': 'Can only contain lowercase letters, numbers, hyphens, dots, and underscores',
   'pisell-data-source-form-app-identifier-start-with-letter': 'Must start with a letter',
@@ -304,15 +305,15 @@ export default {
   'pisell-data-source-form-app-identifier-special-ends': 'Cannot end with a hyphen, dot, or underscore',
   'pisell-data-source-form-app-identifier-consecutive-special': 'Cannot contain consecutive hyphens, dots, or underscores',
   // QR Scanner related texts
-  "qrscanner-loading": "Recognizing QR code...",
-  "qrscanner-success": "Successfully recognized: ",
-  "qrscanner-success-qrcode": "QR code successfully recognized: ",
-  "qrscanner-success-barcode": "Barcode successfully recognized: ",
-  "qrscanner-error-upload-image": "Please upload an image file",
-  "qrscanner-error-load-failed": "Failed to read file",
-  "qrscanner-error-no-code": "No QR code or barcode detected.",
-  "qrscanner-error-camera-init": "Cannot start camera. Please make sure it's authorized.",
-  "qrscanner-error-process-image": "Error processing image",
+  'qrscanner-loading': 'Recognizing QR code...',
+  'qrscanner-success': 'Successfully recognized: ',
+  'qrscanner-success-qrcode': 'QR code successfully recognized: ',
+  'qrscanner-success-barcode': 'Barcode successfully recognized: ',
+  'qrscanner-error-upload-image': 'Please upload an image file',
+  'qrscanner-error-load-failed': 'Failed to read file',
+  'qrscanner-error-no-code': 'No QR code or barcode detected.',
+  'qrscanner-error-camera-init': "Cannot start camera. Please make sure it's authorized.",
+  'qrscanner-error-process-image': 'Error processing image',
   // 登录注册组件
   'pisell-login-and-register-title': 'Log in to your account',
   'pisell-login-and-register-subtitle': 'Welcome back! Please enter your details.',