@pisell/materials 6.3.4 → 6.4.1

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/pisellInput/components/Copy/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps, ButtonProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 export interface CopyProps extends InputProps {

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;