@pisell/materials 6.3.4 → 6.4.2

package/es/components/pisellCheckboxGroup/index.less

@@ -24,10 +24,37 @@
 
     &.pisell-checkbox-group-item-active {
       &::before {
-        border-width: 2px;
+        border-width: 4px;
         border-color: var(--theme-color);
+        z-index: 1;
+        box-sizing: border-box;
+      }
+      
+      // 可选的背景色样式，需要额外的类名才会应用
+      &.pisell-checkbox-group-item-with-background {
+        &::before {
+          background: var(--Primary-50, #F9F5FF);
+        }
+      }
+      .pisell-row-center {
+        .pisell-row {
+          position: relative;
+          z-index: 1;
+        }
+      }
+      .pisell-row-right {
+        position: relative;
+        z-index: 1;
       }
+    }
 
+    &.pisell-checkbox-group-item-error {
+      &::before {
+        border-color: var(--Error-500, #F04438);
+        border-width: 2px;
+        background: var(--Error-50, #FEF3F2);
+        z-index: 1;
+      }
     }
   }
 }

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

@@ -44,6 +44,7 @@ export interface PisellGoodPassCardProps {
     style: React.CSSProperties;
     /**快捷展示排序 */
     mixedSort?: (val: Discount[]) => Discount[];
+    isInModal: boolean;
 }
 declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
 export default index;

package/es/components/pisellGoodPassCard/index.js

@@ -47,7 +47,7 @@ var index = function index(props) {
   var renderVoucherContent = function renderVoucherContent(item) {
     return /*#__PURE__*/React.createElement("span", {
       className: "voucher-item-content-save"
-    }, getText('pisell2.text.goodpass.save'), " ", /*#__PURE__*/React.createElement(PisellText.Amount, {
+    }, getText('pisell2.text.goodpass.save'), ' ', /*#__PURE__*/React.createElement(PisellText.Amount, {
       value: item.savedAmount
     }));
   };
@@ -86,8 +86,8 @@ var index = function index(props) {
     }, /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '10px 0',
-        display: "flex",
-        flexDirection: "column",
+        display: 'flex',
+        flexDirection: 'column',
         gap: 12
       }
     }, dataSource.map(renderVoucherItem)));
@@ -110,13 +110,25 @@ var index = function index(props) {
       className: "".concat(clsPrefix, "-body")
     }, list.map(renderVoucherItem)));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderModal(), /*#__PURE__*/React.createElement(PisellCard, {
+  var renderModalMode = function renderModalMode() {
+    var sortList = (mixedSort === null || mixedSort === void 0 ? void 0 : mixedSort(dataSource)) || dataSource;
+    if (sortList.length === 0) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px 0',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 12
+      }
+    }, sortList.map(renderVoucherItem));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !props.isInModal ? renderModal() : null, dataSource.length > 0 ? /*#__PURE__*/React.createElement(PisellCard, {
     padding: 8,
     borderRadius: 8,
     style: _objectSpread({
       width: 378
     }, style),
     className: clsPrefix
-  }, renderMixedMode()));
+  }, props.isInModal ? renderModalMode() : renderMixedMode()) : null);
 };
 export default index;

package/es/components/pisellText/components/Amount/index.js

@@ -14,7 +14,8 @@ var Amount = function Amount(props) {
     others = _objectWithoutProperties(props, _excluded);
   var config = usePisellConfig();
   var amount = useMemo(function () {
-    return formatAmountWithOptions(value, symbol || (config === null || config === void 0 ? void 0 : config.symbol) || "", {
+    var _config$getSymbolic;
+    return formatAmountWithOptions(value, symbol || (config === null || config === void 0 ? void 0 : config.symbol) || (config === null || config === void 0 || (_config$getSymbolic = config.getSymbolic) === null || _config$getSymbolic === void 0 ? void 0 : _config$getSymbolic.call(config)) || "", {
       precision: precision,
       showCurrencySymbol: showCurrencySymbol,
       useThousandsSeparator: useThousandsSeparator,

package/es/components/pisellToast/index.js

@@ -10,6 +10,9 @@ var PisellToast = function PisellToast(props) {
     actionText = props.actionText,
     onClose = props.onClose;
   var key = getUniqueId();
+  if (!message) {
+    return alert(content);
+  }
   message.open({
     key: key,
     content: /*#__PURE__*/React.createElement("div", {

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

@@ -1,4 +1,13 @@
+import React from 'react';
 import './index.less';
+export interface FormatOption {
+    /** 原始 DOM 元素 */
+    originDom: React.ReactNode;
+    /** 是否选中状态 */
+    active: boolean;
+    /** 完整的组件数据 */
+    data: PisellWalletPassCardProps;
+}
 export interface PisellWalletPassCardProps {
     id: number;
     /** 卡片样式 */
@@ -34,7 +43,7 @@ export interface PisellWalletPassCardProps {
     /** 是否展示商品名称 */
     showName?: boolean;
     /** 是否展示共享店铺名称 */
-    showStoreName?: boolean;
+    showStoreName?: boolean | ((data: any) => boolean);
     /** 是否展示使用金额 */
     showRedeem?: boolean;
     /** 是否展示余额 */
@@ -78,6 +87,49 @@ export interface PisellWalletPassCardProps {
     beforeEdit?: (value: any) => Promise<any> | boolean | void;
     /** 编辑弹窗点击提交 */
     onConfirmEdit?: (value: any) => void;
+    /** 编辑金额事件 */
+    onConfirmEditAmount?: (value: number) => void;
+    /** 详情按钮点击事件 */
+    onDetail?: (data: {
+        id: number;
+        name: string;
+        storeName: string;
+        balance?: number;
+        redeem?: number;
+        code: string;
+        validDate: string;
+        originData?: any;
+    }) => void;
+    /** 是否使用外部详情处理（当为 true 且提供了 onDetail 时，不显示内部模态框） */
+    useExternalDetail?: boolean;
+    /** 单选或者多选 */
+    mode?: 'multiple' | 'single';
+    /** 是否展示选中图标 */
+    showActiveIcon?: boolean;
+    /** 开启编辑金额 */
+    enableEditAmount?: boolean;
+    /** 显示状态标识 */
+    showStatus?: boolean;
+    /** 名称标题字号字重颜色配置 */
+    nameTitleStyle?: {
+        fontSize: number;
+        fontWeight: number;
+        color: string;
+    };
+    /** 卡片状态 */
+    cardStatus?: 'used' | 'expired' | 'disabled' | 'conflict';
+    /** 自定义余额格式化函数，如果提供则优先使用 */
+    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义余额标题格式化函数，如果提供则优先使用 */
+    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额格式化函数，如果提供则优先使用 */
+    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
+    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 最大使用金额 */
+    maxRedeem?: number;
+    /** 编辑金额前事件 */
+    onBeforeEditAmount?: (value: any) => Promise<any> | boolean | void;
     [key: string]: any;
 }
 declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;