@pisell/private-materials 3.4.78 → 3.4.80

package/es/plus/walletPassGallery/locales.js

@@ -299,5 +299,197 @@ export default {
     'page.wallet.notValidDate': '不可用日期',
     // 不可用日期
     'page.wallet.includedDate': '包含日期' // 包含日期
+  },
+  ja: {
+    'wallet-pass-gallery.rechargeableCard': 'チャージ可能なカード',
+    'wallet-pass-gallery.voucher': 'バウチャー',
+    'wallet-pass-gallery.pointCard': 'ポイント',
+    'wallet-pass-gallery.discountCard': '割引カード',
+    'wallet-pass-gallery.unavailable': '利用不可',
+    'wallet-pass-gallery.available': '利用可能',
+    'wallet-pass-gallery.confirm': '確認',
+    'wallet-pass-gallery.addModalTitle': '手元にコードはありますか？',
+    'wallet-pass-gallery.searchDescribe': 'コードまたはエンコードを入力してください',
+    'wallet-pass-gallery.scanBarQrCode': 'バーコード/QRコードをスキャン',
+    'wallet-pass-gallery.enterCodes': 'コードを入力',
+    'wallet-pass-gallery.add': '追加',
+    'wallet-pass-gallery.rechargeOptions': 'チャージオプション',
+    'wallet-pass-gallery.recharge': 'チャージ',
+    'wallet-pass-gallery.wallet': 'ウォレット',
+    'wallet-pass-gallery.details': '詳細',
+    'wallet-pass-gallery.goodPass.usedCredit': function walletPassGalleryGoodPassUsedCredit(credit) {
+      return credit > 1 ? "".concat(credit, "\u30AF\u30EC\u30B8\u30C3\u30C8") : "".concat(credit, "\u30AF\u30EC\u30B8\u30C3\u30C8");
+    },
+    'wallet-pass-gallery.cardBalance': 'カード残高',
+    'wallet-pass-gallery.voucherBalance': 'バウチャー残高',
+    'wallet-pass-gallery.points': 'ポイント',
+    'wallet-pass-gallery.goodPass': '残り回数',
+    'wallet-pass-gallery.cardName': 'カード名',
+    'wallet-pass-gallery.carNumber': 'カード番号',
+    'wallet-pass-gallery.balance': '残高',
+    'wallet-pass-gallery.discount': '割引',
+    'wallet-pass-gallery.validDate': '有効期限',
+    'wallet-pass-gallery.addSuccess': '追加成功',
+    'wallet-pass-gallery.addError': '追加失敗',
+    'wallet-pass-gallery.searchNoFound': 'コードが見つかりませんでした',
+    'wallet-pass-gallery.log.updateCurrentDetail': '現在の詳細を更新',
+    'wallet-pass-gallery.log.getDetailFailed': '詳細の取得に失敗',
+    'wallet-pass-gallery.log.rechargeOrderFailed': 'チャージ注文の失敗',
+    'wallet-pass-gallery.log.getWalletListFailed': 'ウォレットリストの取得に失敗',
+    'wallet-pass-gallery.log.bindCustomerFailed': '顧客のバインドに失敗',
+    'wallet-pass-gallery.log.getUnbindListFailed': '未バインドリストの取得に失敗',
+    'wallet-pass-gallery.log.orderFailed': '注文の失敗',
+    'wallet-pass-gallery.log.unexpectedResponseFormat': '予期しない応答データ形式',
+    'wallet-pass-gallery.button.add': '追加',
+    'wallet-pass-gallery.button.addToAppleWallet': 'Appleウォレットに追加',
+    'wallet-pass-gallery.button.addToGoogleWallet': 'Googleウォレットに追加',
+    'wallet-pass-gallery.button.recharge': 'チャージ',
+    'wallet-pass-gallery.error.addFailed': '追加に失敗しました。もう一度お試しください。',
+    'wallet-pass-gallery.copyTitle': '通知',
+    'wallet-pass-gallery.copyButton': 'リンクをコピー',
+    'wallet-pass-gallery.copySuccess': 'コピー成功',
+    'wallet-pass-gallery.detail': '詳細',
+    'wallet-pass-gallery.activelog': 'アクティビティログ',
+    'wallet-pass-gallery.copyText': 'WeChat内でウォレットを追加できません。リンクをコピーしてブラウザで開いてください',
+    'wallet-pass-gallery.spendingDetails': 'お客様の支出詳細',
+    'wallet-pass-gallery.rechargeDetails': 'お客様のチャージ詳細',
+    'wallet-pass-gallery.date': '日付',
+    'wallet-pass-gallery.spending': '支出',
+    'wallet-pass-gallery.pointsEarned': '獲得ポイント',
+    'wallet-pass-gallery.pointsRedeemed': '使用ポイント',
+    'wallet-pass-gallery.refund': '返金',
+    'wallet-pass-gallery.expire': '期限切れ',
+    'wallet-pass-gallery.viewOrder': '注文を表示',
+    'wallet-pass-gallery.done': '完了',
+    'wallet-pass-gallery.addIos': 'Appleウォレットに追加',
+    'wallet-pass-gallery.addGoogle': 'Googleウォレットに追加',
+    'wallet-pass-gallery.viewDetails': '詳細を見る',
+    'wallet-pass-gallery.expireDate': '長期',
+    'wallet-pass-gallery.urlEmpty': 'ウォレットリンクが空です',
+    'wallet-pass-gallery.notIOS': '非iOSデバイスではAppleウォレットはサポートされていません',
+    'wallet-pass-gallery.useAppleInstead': 'iOSデバイスを使用しています。Googleウォレットの代わりにAppleウォレットを使用しますか？',
+    'wallet-pass-gallery.openedInBrowser': 'ブラウザで開きました',
+    'wallet-pass-gallery.openFailed': 'ウォレットリンクのオープンに失敗しました',
+    'wallet-pass-gallery.loading': 'ウォレットを読み込み中...',
+    'wallet-pass-gallery.usageRules': '利用規約',
+    'wallet-pass-gallery.usageRulesSubtitle': '以下の利用条件をよくお読みください',
+    'wallet-pass-gallery.timeUsageLimits': '時間ウィンドウ制限',
+    'wallet-pass-gallery.totalQuantityControl': '総使用制御',
+    'wallet-pass-gallery.dailyLimit': '毎日の制限：',
+    'wallet-pass-gallery.weeklyLimit': '週間制限：',
+    'wallet-pass-gallery.monthlyLimit': '月間制限：',
+    'wallet-pass-gallery.personalLimit': '個人制限：',
+    'wallet-pass-gallery.dailyLimitDesc': '毎日午前0時から午後11時59分まで最大{limit}回使用可能',
+    'wallet-pass-gallery.weeklyLimitDesc': '月曜日午前0時から日曜日午後11時59分まで最大{limit}回使用可能',
+    'wallet-pass-gallery.monthlyLimitDesc': '毎月1日午前0時から月末午後11時59分まで最大{limit}回使用可能',
+    'wallet-pass-gallery.monthlyLimitUnlimited': '無制限',
+    'wallet-pass-gallery.personalLimitDesc': 'このバウチャーは最大{total}回使用できます（残り{remaining}回）',
+    'wallet-pass-gallery.dailyReset': 'カウンターは毎日午前0時に自動リセット',
+    'wallet-pass-gallery.weeklyReset': 'カウンターは毎週月曜日午前0時に自動リセット',
+    'wallet-pass-gallery.monthlyReset': 'カウンターは毎月1日午前0時に自動リセット',
+    'wallet-pass-gallery.voucherExpireNote': '制限に達するとバウチャーは自動的に期限切れになります',
+    'wallet-pass-gallery.viewMore': 'もっと見る',
+    'wallet-pass-gallery.allLoaded': 'すべて読み込まれました',
+    'page.wallet.tempHolderSelector.title': '所有者を編集',
+    'page.wallet.tempHolderSelector.create': '新規作成',
+    'page.wallet.tempHolderSelector.confirm': '確認',
+    'page.wallet.notValidDate': '利用不可日',
+    'page.wallet.includedDate': '含まれる日付'
+  },
+  pt: {
+    'wallet-pass-gallery.rechargeableCard': 'Cartão recarregável',
+    'wallet-pass-gallery.voucher': 'Vale',
+    'wallet-pass-gallery.pointCard': 'Pontos',
+    'wallet-pass-gallery.discountCard': 'Cartão de desconto',
+    'wallet-pass-gallery.unavailable': 'Indisponível',
+    'wallet-pass-gallery.available': 'Disponível',
+    'wallet-pass-gallery.confirm': 'Confirmar',
+    'wallet-pass-gallery.addModalTitle': 'Você tem algum código em mãos?',
+    'wallet-pass-gallery.searchDescribe': 'Por favor, insira o código ou codifique',
+    'wallet-pass-gallery.scanBarQrCode': 'Escanear código de barras/QR',
+    'wallet-pass-gallery.enterCodes': 'Inserir códigos',
+    'wallet-pass-gallery.add': 'Adicionar',
+    'wallet-pass-gallery.rechargeOptions': 'Opções de Recarga',
+    'wallet-pass-gallery.recharge': 'Recarregar',
+    'wallet-pass-gallery.wallet': 'Carteira',
+    'wallet-pass-gallery.details': 'Detalhes',
+    'wallet-pass-gallery.goodPass.usedCredit': function walletPassGalleryGoodPassUsedCredit(credit) {
+      return credit > 1 ? "".concat(credit, " Cr\xE9ditos") : "".concat(credit, " Cr\xE9dito");
+    },
+    'wallet-pass-gallery.cardBalance': 'Saldo do cartão',
+    'wallet-pass-gallery.voucherBalance': 'Saldo do vale',
+    'wallet-pass-gallery.points': 'Pontos',
+    'wallet-pass-gallery.goodPass': 'Vezes restantes',
+    'wallet-pass-gallery.cardName': 'Nome do cartão',
+    'wallet-pass-gallery.carNumber': 'Número do cartão',
+    'wallet-pass-gallery.balance': 'Saldo',
+    'wallet-pass-gallery.discount': 'Desconto',
+    'wallet-pass-gallery.validDate': 'Data de validade',
+    'wallet-pass-gallery.addSuccess': 'Adicionado com sucesso',
+    'wallet-pass-gallery.addError': 'Falha ao adicionar',
+    'wallet-pass-gallery.searchNoFound': 'Nenhum código encontrado',
+    'wallet-pass-gallery.log.updateCurrentDetail': 'Atualizar detalhe atual',
+    'wallet-pass-gallery.log.getDetailFailed': 'Falha ao obter detalhes',
+    'wallet-pass-gallery.log.rechargeOrderFailed': 'Falha ao fazer pedido de recarga',
+    'wallet-pass-gallery.log.getWalletListFailed': 'Falha ao obter lista de carteiras',
+    'wallet-pass-gallery.log.bindCustomerFailed': 'Falha ao vincular cliente',
+    'wallet-pass-gallery.log.getUnbindListFailed': 'Falha ao obter lista não vinculada',
+    'wallet-pass-gallery.log.orderFailed': 'Falha ao fazer pedido',
+    'wallet-pass-gallery.log.unexpectedResponseFormat': 'Formato de dados de resposta inesperado',
+    'wallet-pass-gallery.button.add': 'Adicionar',
+    'wallet-pass-gallery.button.addToAppleWallet': 'Adicionar ao Apple Wallet',
+    'wallet-pass-gallery.button.addToGoogleWallet': 'Adicionar ao Google Wallet',
+    'wallet-pass-gallery.button.recharge': 'Recarregar',
+    'wallet-pass-gallery.error.addFailed': 'Falha ao adicionar, por favor tente novamente.',
+    'wallet-pass-gallery.copyTitle': 'Aviso',
+    'wallet-pass-gallery.copyButton': 'Copiar link',
+    'wallet-pass-gallery.copySuccess': 'Copiado com sucesso',
+    'wallet-pass-gallery.detail': 'Detalhes',
+    'wallet-pass-gallery.activelog': 'Registro de atividades',
+    'wallet-pass-gallery.copyText': 'Não é possível adicionar a carteira no WeChat. Por favor, copie o link e vá ao navegador para abri-lo',
+    'wallet-pass-gallery.spendingDetails': 'Seus detalhes de gastos',
+    'wallet-pass-gallery.rechargeDetails': 'Seus detalhes de recarga',
+    'wallet-pass-gallery.date': 'Data',
+    'wallet-pass-gallery.spending': 'Gastos',
+    'wallet-pass-gallery.pointsEarned': 'Pontos Ganhos',
+    'wallet-pass-gallery.pointsRedeemed': 'Pontos Resgatados',
+    'wallet-pass-gallery.refund': 'Reembolso',
+    'wallet-pass-gallery.expire': 'Expirar',
+    'wallet-pass-gallery.viewOrder': 'Ver pedido',
+    'wallet-pass-gallery.done': 'Concluído',
+    'wallet-pass-gallery.addIos': 'Adicionar ao Apple Wallet',
+    'wallet-pass-gallery.addGoogle': 'Adicionar ao Google Wallet',
+    'wallet-pass-gallery.viewDetails': 'Ver detalhes',
+    'wallet-pass-gallery.expireDate': 'Longo prazo',
+    'wallet-pass-gallery.urlEmpty': 'Link da carteira está vazio',
+    'wallet-pass-gallery.notIOS': 'Apple Wallet não é suportado em dispositivos não iOS',
+    'wallet-pass-gallery.useAppleInstead': 'Você está usando um dispositivo iOS, gostaria de usar Apple Wallet em vez de Google Wallet?',
+    'wallet-pass-gallery.openedInBrowser': 'Aberto no navegador',
+    'wallet-pass-gallery.openFailed': 'Falha ao abrir link da carteira',
+    'wallet-pass-gallery.loading': 'Carregando carteira...',
+    'wallet-pass-gallery.usageRules': 'Termos e Condições',
+    'wallet-pass-gallery.usageRulesSubtitle': 'Por favor, leia cuidadosamente as seguintes condições de uso',
+    'wallet-pass-gallery.timeUsageLimits': 'Restrições de Janela de Tempo',
+    'wallet-pass-gallery.totalQuantityControl': 'Controle de Uso Total',
+    'wallet-pass-gallery.dailyLimit': 'Limite Diário:',
+    'wallet-pass-gallery.weeklyLimit': 'Limite Semanal:',
+    'wallet-pass-gallery.monthlyLimit': 'Limite Mensal:',
+    'wallet-pass-gallery.personalLimit': 'Limite Pessoal:',
+    'wallet-pass-gallery.dailyLimitDesc': 'Máximo {limit} usos das 00:00 às 23:59 todos os dias',
+    'wallet-pass-gallery.weeklyLimitDesc': 'Máximo {limit} usos de segunda-feira 00:00 a domingo 23:59',
+    'wallet-pass-gallery.monthlyLimitDesc': 'Máximo {limit} usos do dia 1 às 00:00 até o final do mês às 23:59',
+    'wallet-pass-gallery.monthlyLimitUnlimited': 'Ilimitado',
+    'wallet-pass-gallery.personalLimitDesc': 'Você pode usar este vale no máximo {total} vezes ({remaining} restantes)',
+    'wallet-pass-gallery.dailyReset': 'Contador redefine automaticamente à meia-noite',
+    'wallet-pass-gallery.weeklyReset': 'Contador redefine toda segunda-feira à meia-noite',
+    'wallet-pass-gallery.monthlyReset': 'Contador redefine no dia 1 de cada mês à meia-noite',
+    'wallet-pass-gallery.voucherExpireNote': 'O vale expirará automaticamente quando o limite for atingido',
+    'wallet-pass-gallery.viewMore': 'Ver Mais',
+    'wallet-pass-gallery.allLoaded': 'Tudo carregado',
+    'page.wallet.tempHolderSelector.title': 'Editar Titular',
+    'page.wallet.tempHolderSelector.create': 'Criar Novo',
+    'page.wallet.tempHolderSelector.confirm': 'Confirmar',
+    'page.wallet.notValidDate': 'Não válido em',
+    'page.wallet.includedDate': 'Datas incluídas'
   }
 };

package/es/plus/walletPassGallery/utils.d.ts

@@ -3,7 +3,7 @@ interface ScheduleTextResult {
     excluded_date: string[];
     included_date: string[];
 }
-declare type Locale = 'en' | 'zh-CN' | 'zh-HK';
+declare type Locale = 'en' | 'zh-CN' | 'zh-HK' | 'ja' | 'pt';
 interface ScheduleItem {
     id: number;
     name: string | {

package/es/pro/Cards/components/SKUCard/index.d.ts

@@ -1,60 +1,5 @@
 import React from 'react';
+import { SKUCardProps } from './types';
 import './index.less';
-/**
- * SKU Card 文本样式配置
- */
-interface SkuCardTextConfig {
-    /** 是否显示 */
-    visible?: boolean;
-    /** 字体大小 */
-    fontSize?: number;
-    /** 颜色 */
-    color?: string;
-    /** 字体粗细 */
-    fontWeight?: 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-    /** 展示行数 */
-    lineClamp?: number;
-}
-/**
- * SKU Card 图片配置
- */
-interface SkuCardImageConfig {
-    /** 是否显示 */
-    visible?: boolean;
-    /** 宽度 */
-    width?: number;
-    /** 高度 */
-    height?: number;
-    /** 圆角 */
-    borderRadius?: number | string;
-    /** 边框 */
-    border?: string;
-}
-/**
- * SKU Card 配置
- */
-interface SkuCardConfig {
-    /** 主标题配置 */
-    title?: SkuCardTextConfig;
-    /** 副标题配置 */
-    subTitle?: SkuCardTextConfig;
-    /** 价格配置 */
-    price?: Omit<SkuCardTextConfig, 'lineClamp'>;
-    /** 图片配置 */
-    image?: SkuCardImageConfig;
-}
-interface SKUCardProps {
-    cover?: string;
-    title?: string;
-    subtitle?: string;
-    price?: string;
-    arrow?: boolean;
-    selected?: boolean;
-    disabled?: boolean;
-    onClick?: () => void;
-    renderRight?: React.ReactNode | (() => React.ReactNode);
-    /** SKU Card 配置 */
-    skuCardConfig?: SkuCardConfig;
-}
 declare const SKUCard: React.FC<SKUCardProps>;
 export default SKUCard;

package/es/pro/Cards/components/SKUCard/index.js

@@ -1,23 +1,12 @@
 import React, { useMemo } from 'react';
 import { Iconfont } from '@pisell/materials';
-import { image as imageAli } from '@pisell/utils';
+import { image as imageAli, locales } from '@pisell/utils';
 import classNames from 'classnames';
+import useEngineContext from "../../../../hooks/useEngineContext";
+import localeTexts from "./locales";
 import "./index.less";
-
-/**
- * SKU Card 文本样式配置
- */
-
-/**
- * SKU Card 图片配置
- */
-
-/**
- * SKU Card 配置
- */
-
 var SKUCard = function SKUCard(_ref) {
-  var _skuCardConfig$title, _skuCardConfig$subTit, _skuCardConfig$price, _skuCardConfig$image;
+  var _context$appHelper, _skuCardConfig$title, _skuCardConfig$subTit, _skuCardConfig$price, _skuCardConfig$image, _skuCardConfig$disabl, _skuCardConfig$disabl2;
   var cover = _ref.cover,
     title = _ref.title,
     subtitle = _ref.subtitle,
@@ -27,7 +16,12 @@ var SKUCard = function SKUCard(_ref) {
     disabled = _ref.disabled,
     _onClick = _ref.onClick,
     renderRight = _ref.renderRight,
-    skuCardConfig = _ref.skuCardConfig;
+    skuCardConfig = _ref.skuCardConfig,
+    skuDisabled = _ref.skuDisabled;
+  var context = useEngineContext();
+  var language = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.storage) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.get('umi_locale')) || 'en';
+  locales.init(localeTexts, language);
+
   /**
    * 计算主标题样式
    * 默认全部展示，可换行；如果配置了 lineClamp 则限制行数
@@ -128,6 +122,22 @@ var SKUCard = function SKUCard(_ref) {
     return style;
   }, [skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.image]);
 
+  /** 计算disabled文本样式 */
+  var disabledTextStyle = useMemo(function () {
+    var config = skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.disabledText;
+    var style = {};
+    if (config !== null && config !== void 0 && config.color) {
+      style.color = config.color;
+    }
+    if (config !== null && config !== void 0 && config.fontSize) {
+      style.fontSize = config.fontSize;
+    }
+    if (config !== null && config !== void 0 && config.fontWeight) {
+      style.fontWeight = config.fontWeight;
+    }
+    return style;
+  }, [skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.disabledText]);
+
   /** 是否显示主标题 */
   var showTitle = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$title = skuCardConfig.title) === null || _skuCardConfig$title === void 0 ? void 0 : _skuCardConfig$title.visible) !== false;
   /** 是否显示副标题 */
@@ -136,6 +146,8 @@ var SKUCard = function SKUCard(_ref) {
   var showPrice = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$price = skuCardConfig.price) === null || _skuCardConfig$price === void 0 ? void 0 : _skuCardConfig$price.visible) !== false;
   /** 是否显示图片 */
   var showImage = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$image = skuCardConfig.image) === null || _skuCardConfig$image === void 0 ? void 0 : _skuCardConfig$image.visible) !== false;
+  /** 是否显示disabled文本 */
+  var showDisabledText = (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$disabl = skuCardConfig.disabledText) === null || _skuCardConfig$disabl === void 0 ? void 0 : _skuCardConfig$disabl.visible) !== false;
 
   // 如果没有cover，则使用title前两个字符用于显示占位
   var titleText = useMemo(function () {
@@ -146,6 +158,7 @@ var SKUCard = function SKUCard(_ref) {
     }
     return title.substring(0, 2).toUpperCase();
   }, [title]);
+  console.log('disabledTextStyle >>>>>>>>>', disabledTextStyle);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-pro-cards-sku-card', {
       'pisell-pro-cards-sku-card-active': selected,
@@ -160,7 +173,12 @@ var SKUCard = function SKUCard(_ref) {
     style: {
       cursor: disabled ? 'not-allowed' : 'pointer'
     }
-  }, showImage && /*#__PURE__*/React.createElement("div", {
+  }, !!skuDisabled && !!showDisabledText && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-disabled-mask"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-pro-cards-sku-card-disabled-text",
+    style: disabledTextStyle
+  }, (skuCardConfig === null || skuCardConfig === void 0 || (_skuCardConfig$disabl2 = skuCardConfig.disabledText) === null || _skuCardConfig$disabl2 === void 0 ? void 0 : _skuCardConfig$disabl2.text) || locales.getText('pisell2.pro.cards.skuCard.disabledText'))), showImage && /*#__PURE__*/React.createElement("div", {
     className: "pisell-pro-cards-sku-card-image-container",
     style: imageStyle
   }, !!cover ? /*#__PURE__*/React.createElement("img", {
@@ -181,7 +199,10 @@ var SKUCard = function SKUCard(_ref) {
     className: "pisell-pro-cards-sku-card-price",
     style: priceStyle
   }, price)), arrow || renderRight ? /*#__PURE__*/React.createElement("div", {
-    className: "pisell-pro-cards-sku-card-right"
+    className: "pisell-pro-cards-sku-card-right",
+    style: renderRight ? {} : {
+      alignItems: 'center'
+    }
   }, renderRight ? typeof renderRight === 'function' ? renderRight() : renderRight : /*#__PURE__*/React.createElement(Iconfont, {
     type: "pisell2-chevron-right",
     style: {

package/es/pro/Cards/components/SKUCard/index.less

@@ -1,4 +1,5 @@
 .pisell-pro-cards-sku-card {
+  position: relative;
   display: flex;
   padding: 8px;
   align-items: center;
@@ -9,6 +10,26 @@
   cursor: pointer;
   width: 100%;
 
+  &-disabled-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(255, 255, 255, 0.7);
+    border-radius: 8px;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  &-disabled-text {
+    font-size: 16px;
+    font-weight: 700;
+    color: #000000;
+    transform: rotate(45deg);
+  }
+
   &-with-image {
     min-height: 80px;
   }

package/es/pro/Cards/components/SKUCard/locales.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    en: {
+        'pisell2.pro.cards.skuCard.disabledText': string;
+    };
+    'zh-CN': {
+        'pisell2.pro.cards.skuCard.disabledText': string;
+    };
+    'zh-HK': {
+        'pisell2.pro.cards.skuCard.disabledText': string;
+    };
+};
+export default _default;

package/es/pro/Cards/components/SKUCard/locales.js

@@ -0,0 +1,11 @@
+export default {
+  en: {
+    'pisell2.pro.cards.skuCard.disabledText': 'Sold out'
+  },
+  'zh-CN': {
+    'pisell2.pro.cards.skuCard.disabledText': '已售罄'
+  },
+  'zh-HK': {
+    'pisell2.pro.cards.skuCard.disabledText': '已售罄'
+  }
+};

package/es/pro/Cards/components/SKUCard/types.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+/**
+ * SKU Card 文本样式配置
+ */
+export interface SkuCardTextConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 字体大小 */
+    fontSize?: number;
+    /** 颜色 */
+    color?: string;
+    /** 字体粗细 */
+    fontWeight?: 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+    /** 展示行数 */
+    lineClamp?: number;
+}
+/**
+ * SKU Card 图片配置
+ */
+export interface SkuCardImageConfig {
+    /** 是否显示 */
+    visible?: boolean;
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 圆角 */
+    borderRadius?: number | string;
+    /** 边框 */
+    border?: string;
+}
+/**
+ * SKU Card disabled文本配置
+ */
+export interface SkuCardDisabledTextConfig extends Omit<SkuCardTextConfig, 'lineClamp'> {
+    /** 文本 */
+    text?: string;
+}
+/**
+ * SKU Card 配置
+ */
+export interface SkuCardConfig {
+    /** 主标题配置 */
+    title?: SkuCardTextConfig;
+    /** 副标题配置 */
+    subTitle?: SkuCardTextConfig;
+    /** 价格配置 */
+    price?: Omit<SkuCardTextConfig, 'lineClamp'>;
+    /** 图片配置 */
+    image?: SkuCardImageConfig;
+    /** disabled文本展示 */
+    disabledText?: SkuCardDisabledTextConfig;
+}
+export interface SKUCardProps {
+    cover?: string;
+    title?: string;
+    subtitle?: string;
+    price?: string;
+    arrow?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    renderRight?: React.ReactNode | (() => React.ReactNode);
+    /** SKU Card 配置 */
+    skuCardConfig?: SkuCardConfig;
+    /** SKU 是否禁用 */
+    skuDisabled?: boolean;
+}

package/es/pro/Cards/components/SKUCard/types.js

@@ -0,0 +1 @@
+export {};