@pisell/materials 6.3.17 → 6.3.18

package/es/components/keyboard/index.less

@@ -0,0 +1,44 @@
+.pisell-virtual-keyboard-wrap {
+  display: flex;
+  gap: 7px;
+  .pisell-virtual-keyboard-content {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 7px;
+
+    .pisell-virtual-keyboard-item {
+      border-radius: 5px;
+      background: var(--Base-White, #fff);
+      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06);;
+      overflow: hidden;
+      width: calc((100% - 14px) / 3 * 1);
+      padding-top: 25%;
+      position: relative;
+
+      .pisell-virtual-keyboard-item-button {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 5px;
+        color: var(--Base-Black, #000);
+        font-size: 25px;
+        font-style: normal;
+        font-weight: 400;
+        box-shadow: none;
+        padding: 0 !important;
+      }
+    }
+  }
+  .pisell-virtual-keyboard-right {
+    flex-direction: column;
+    justify-content: start;
+    .pisell-virtual-keyboard-item{
+      width: 100%;
+    }
+  }
+}

package/es/components/page/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "style", "className", "locale"];
+var _excluded = ["children", "style", "className", "locale", "isRenderPisellConfigProvider"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -50,6 +50,8 @@ var Page = function Page(props) {
     style = props.style,
     className = props.className,
     propsLocale = props.locale,
+    _props$isRenderPisell = props.isRenderPisellConfigProvider,
+    isRenderPisellConfigProvider = _props$isRenderPisell === void 0 ? true : _props$isRenderPisell,
     others = _objectWithoutProperties(props, _excluded);
   var context = useEngineContext();
   var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {},
@@ -197,6 +199,7 @@ var Page = function Page(props) {
       }
     });
   }, [platform, themeColor]);
+  var PisellConfigProvid = isRenderPisellConfigProvider ? PisellConfigProvider : React.Fragment;
   return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
     locale: localMap[locale],
     prefixCls: props.prefixCls || 'pisell-lowcode',
@@ -215,7 +218,7 @@ var Page = function Page(props) {
     value: {
       locale: locale
     }
-  }, /*#__PURE__*/React.createElement(PisellConfigProvider, {
+  }, /*#__PURE__*/React.createElement(PisellConfigProvid, {
     locale: locale
   }, /*#__PURE__*/React.createElement(VariablesProvider, {
     variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {}

package/es/components/pisell-config-provider/context.d.ts

@@ -5,6 +5,8 @@ export interface PisellContextType {
     symbol?: string;
     /** 当前语言环境 */
     locale?: string;
+    /** 获取货币符号 */
+    getSymbolic?: () => string;
 }
 export declare const PisellContext: import("react").Context<PisellContextType>;
 /**

package/es/components/pisell-config-provider/index.d.ts

@@ -7,6 +7,7 @@ interface PisellConfigProviderType {
     symbol?: string;
     /** 当前语言环境 */
     locale?: string;
+    getSymbolic?: () => string;
 }
 declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
 export default PisellConfigProvider;

package/es/components/pisellAdjustPrice/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "onChange", "defaultValue", "originValue", "selectType"];
+var _excluded = ["value", "onChange", "defaultValue", "originValue", "selectType", "resetText", "doneText"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -31,6 +31,8 @@ var PisellAdjustPrice = function PisellAdjustPrice(props) {
     originValue = props.originValue,
     _props$selectType = props.selectType,
     selectType = _props$selectType === void 0 ? 'light' : _props$selectType,
+    resetText = props.resetText,
+    doneText = props.doneText,
     others = _objectWithoutProperties(props, _excluded);
   var config = usePisellConfig();
   var _useState = useState(value || 0),
@@ -177,6 +179,8 @@ var PisellAdjustPrice = function PisellAdjustPrice(props) {
     onChange: handleChange,
     onEnter: handleEnter,
     placeholder: discountMode === 'amount' ? '0' : '%',
+    resetText: resetText,
+    doneText: doneText,
     rightItemsStyle: {
       buttonBackgroundColor: configColor.buttonBackgroundColor,
       textColor: configColor.textColor,

package/es/components/pisellAdjustPrice/type.d.ts

@@ -17,4 +17,6 @@ export interface PisellAdjustPriceProps {
     mainTextColor?: string;
     isShowSubText?: boolean;
     subTextColor?: string;
+    resetText?: string;
+    doneText?: string;
 }

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
 import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
+import { PisellWalletPassCardProps, FormatOption } from '../pisellWalletPassCard';
 import './index.less';
 export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
     platform?: PisellContextType['platform'];
@@ -71,7 +71,37 @@ export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'opt
     /** 编辑编辑按钮后，弹窗展示之前 */
     beforeEdit?: (value: any, index: number) => Promise<any> | boolean | void;
     /** 编辑弹窗点击提交 */
-    onConfirmEdit?: (value: any, index: number) => void;
+    onConfirmEdit?: (value: any, index: number, data: any) => void;
+    /** 是否展示状态标识 */
+    showStatus?: boolean;
+    /** 名称标题字号字重颜色配置 */
+    nameTitleStyle?: {
+        fontSize: number;
+        fontWeight: number;
+        color: string;
+    };
+    /** 开启编辑金额 */
+    enableEditAmount?: boolean;
+    /** 编辑金额事件 */
+    onConfirmEditAmount?: (value: number, index: number, data: any) => void;
+    /** 是否使用外部详情处理 */
+    useExternalDetail?: boolean;
+    /** 详情事件 */
+    onDetail?: (value: any, index: number) => void;
+    /** 自定义余额格式化函数，如果提供则优先使用 */
+    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;
+    /** 编辑金额前事件 */
+    onBeforeEditAmount?: (value: any, index: number, data: any) => Promise<any> | boolean | void;
+    /** 选项点击事件 */
+    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: any) => void;
+    /** 是否展示选中状态的背景色 */
+    showActiveBackground?: boolean;
 }
 declare const _default: React.NamedExoticComponent<PisellCardListProps>;
 export default _default;

package/es/components/pisellCardList/index.js

@@ -39,6 +39,18 @@ var PisellCardList = function PisellCardList(props) {
     showEmpty = props.showEmpty,
     showBalanceSymbol = props.showBalanceSymbol,
     onChangeDebounce = props.onChangeDebounce,
+    showStatus = props.showStatus,
+    nameTitleStyle = props.nameTitleStyle,
+    enableEditAmount = props.enableEditAmount,
+    useExternalDetail = props.useExternalDetail,
+    onDetail = props.onDetail,
+    formatBalance = props.formatBalance,
+    formatBalanceTitle = props.formatBalanceTitle,
+    formatRedeem = props.formatRedeem,
+    formatRedeemTitle = props.formatRedeemTitle,
+    onBeforeEditAmount = props.onBeforeEditAmount,
+    onItemClick = props.onItemClick,
+    showActiveBackground = props.showActiveBackground,
     validDateBySchedule = props.validDateBySchedule,
     scheduleList = props.scheduleList;
   return data.length ? /*#__PURE__*/React.createElement(PisellCheckboxGroup, {
@@ -52,9 +64,16 @@ var PisellCardList = function PisellCardList(props) {
     iconPosition: "hide",
     fullWidth: fullWidth,
     onChangeDebounce: onChangeDebounce,
+    onItemClick: onItemClick,
+    showActiveBackground: showActiveBackground,
     renderOption: function renderOption(item, active, index) {
       return /*#__PURE__*/React.createElement(PisellWalletPassCard, _extends({}, item, {
         active: active,
+        mode: mode,
+        showActiveIcon: true,
+        showStatus: showStatus || (item === null || item === void 0 ? void 0 : item.showStatus),
+        cardStatus: item === null || item === void 0 ? void 0 : item.cardStatus,
+        nameTitleStyle: nameTitleStyle || (item === null || item === void 0 ? void 0 : item.nameTitleStyle),
         showName: showName || (item === null || item === void 0 ? void 0 : item.showName),
         showBalance: showBalance || (item === null || item === void 0 ? void 0 : item.showBalance),
         showCode: showCode || (item === null || item === void 0 ? void 0 : item.showCode),
@@ -67,20 +86,38 @@ var PisellCardList = function PisellCardList(props) {
         showBalanceSymbol: showBalanceSymbol || (item === null || item === void 0 ? void 0 : item.showBalanceSymbol),
         showActions: props.showActions || (item === null || item === void 0 ? void 0 : item.showActions),
         actions: props.actions || (item === null || item === void 0 ? void 0 : item.actions),
+        enableEditAmount: enableEditAmount || (item === null || item === void 0 ? void 0 : item.enableEditAmount),
+        useExternalDetail: useExternalDetail || (item === null || item === void 0 ? void 0 : item.useExternalDetail),
+        onDetail: function onDetail(record) {
+          var _props$onDetail;
+          return props === null || props === void 0 || (_props$onDetail = props.onDetail) === null || _props$onDetail === void 0 ? void 0 : _props$onDetail.call(props, record, index);
+        },
         validDateBySchedule: validDateBySchedule || (item === null || item === void 0 ? void 0 : item.validDateBySchedule),
         scheduleList: scheduleList || (item === null || item === void 0 ? void 0 : item.scheduleList),
         beforeEdit: function beforeEdit(record) {
           var _props$beforeEdit;
           return props === null || props === void 0 || (_props$beforeEdit = props.beforeEdit) === null || _props$beforeEdit === void 0 ? void 0 : _props$beforeEdit.call(props, record, index);
         },
+        onConfirmEditAmount: function onConfirmEditAmount(value) {
+          var _props$onConfirmEditA;
+          (_props$onConfirmEditA = props.onConfirmEditAmount) === null || _props$onConfirmEditA === void 0 || _props$onConfirmEditA.call(props, value, index, item);
+        },
         onConfirmEdit: function onConfirmEdit(newVal) {
           var _props$onConfirmEdit;
-          (_props$onConfirmEdit = props.onConfirmEdit) === null || _props$onConfirmEdit === void 0 || _props$onConfirmEdit.call(props, newVal, index);
+          (_props$onConfirmEdit = props.onConfirmEdit) === null || _props$onConfirmEdit === void 0 || _props$onConfirmEdit.call(props, newVal, index, item);
         },
+        formatBalance: formatBalance || (item === null || item === void 0 ? void 0 : item.formatBalance),
+        formatBalanceTitle: formatBalanceTitle || (item === null || item === void 0 ? void 0 : item.formatBalanceTitle),
         type: type,
         style: direction === 'vertical' || direction === 'horizontal' && fullWidth ? {
           width: '100%'
-        } : {}
+        } : {},
+        formatRedeem: formatRedeem || (item === null || item === void 0 ? void 0 : item.formatRedeem),
+        formatRedeemTitle: formatRedeemTitle || (item === null || item === void 0 ? void 0 : item.formatRedeemTitle),
+        onBeforeEditAmount: function onBeforeEditAmount(record) {
+          var _props$onBeforeEditAm;
+          return props === null || props === void 0 || (_props$onBeforeEditAm = props.onBeforeEditAmount) === null || _props$onBeforeEditAm === void 0 ? void 0 : _props$onBeforeEditAm.call(props, record, index, item);
+        }
       }));
     }
   }) : showEmpty && (empty || /*#__PURE__*/React.createElement(PisellEmpty, null));

package/es/components/pisellCardList/index.less

@@ -72,4 +72,12 @@
 // .pisell-card-disabled {
 //   color: var(--Gray-500, #667085);
 //   padding-bottom: 36px;
-// }
+// }
+
+.keyboard-modal-wrapper {
+  .pisell-amount-keyboard-wrap {
+    padding: 10px;
+    background: rgba(29, 41, 57, .8) !important;
+    border-radius: 10px;
+  }
+}

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

@@ -5,6 +5,7 @@ export interface PisellCheckboxGroupOption {
     label: string;
     value: string;
     disabled?: boolean;
+    error?: boolean;
     [key: string]: any;
 }
 declare type PisellCheckboxGroupValue = string | string[] | any;
@@ -24,6 +25,8 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
     optionClassName?: string;
     optionActiveClassName?: string;
     onChangeDebounce?: boolean;
+    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: PisellCheckboxGroupOption) => void;
+    showActiveBackground?: boolean;
 }
 /**
  * @title: PisellCheckboxGroup

package/es/components/pisellCheckboxGroup/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["platform", "gap", "style", "options", "onChange", "value", "renderOption", "padding", "rowKey", "mode", "direction", "fullWidth", "iconPosition", "optionClassName", "optionActiveClassName", "onChangeDebounce"];
+var _excluded = ["platform", "gap", "style", "options", "onChange", "value", "renderOption", "padding", "rowKey", "mode", "direction", "fullWidth", "iconPosition", "optionClassName", "optionActiveClassName", "onChangeDebounce", "onItemClick", "showActiveBackground"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -65,6 +65,9 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
     optionClassName = props.optionClassName,
     optionActiveClassName = props.optionActiveClassName,
     onChangeDebounce = props.onChangeDebounce,
+    onItemClick = props.onItemClick,
+    _props$showActiveBack = props.showActiveBackground,
+    showActiveBackground = _props$showActiveBack === void 0 ? false : _props$showActiveBack,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -183,13 +186,15 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
   }), options.map(function (option, index) {
     var active = _value.includes(option[rowKey]);
     return /*#__PURE__*/React.createElement(PisellRow, {
-      className: classNames('pisell-checkbox-group-item', optionClassName, _defineProperty({
-        'pisell-checkbox-group-item-active': active
-      }, optionActiveClassName, active)),
+      className: classNames('pisell-checkbox-group-item', optionClassName, _defineProperty(_defineProperty({
+        'pisell-checkbox-group-item-active': active,
+        'pisell-checkbox-group-item-with-background': active && showActiveBackground
+      }, optionActiveClassName, active), 'pisell-checkbox-group-item-error', option.error)),
       key: option[rowKey],
       gap: 10,
       style: rowStyle,
       onClick: function onClick(e) {
+        onItemClick === null || onItemClick === void 0 || onItemClick(e, option);
         if (option.disabled) return;
         if (onChangeDebounce) {
           run(option[rowKey], option);

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/pisellCustomCheckboxGroup/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellCustomCheckboxGroupProps {
+    dataSource?: any[];
+    disabled?: boolean;
+    allowAdd?: boolean;
+    isMultiple?: boolean;
+    id?: string | string[];
+    onClick?: (value: any) => void;
+    onAdd?: () => void;
+    renderAddItem?: (item: any) => React.ReactNode;
+    [key: string]: any;
+    className?: string;
+}
+declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
+export default PisellCustomCheckboxGroup;

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.d.ts

@@ -13,4 +13,5 @@ export interface PisellToastProps {
     onClose?: () => void;
 }
 declare const PisellToast: (props: PisellToastProps) => void;
+export { useToast } from './squareToast';
 export default PisellToast;

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", {
@@ -29,4 +32,5 @@ var PisellToast = function PisellToast(props) {
     onClose: onClose
   });
 };
+export { useToast } from "./squareToast";
 export default PisellToast;

package/es/components/pisellToast/squareToast/index.d.ts

@@ -0,0 +1,15 @@
+import { clear, show, success, info, loading, fail, hide } from './methods';
+import './index.less';
+interface ToastInstance {
+    show: typeof show;
+    clear: typeof clear;
+    success: typeof success;
+    info: typeof info;
+    loading: typeof loading;
+    fail: typeof fail;
+    error: typeof fail;
+    hide: typeof hide;
+}
+declare const Toast: ToastInstance;
+export declare const useToast: () => ToastInstance;
+export default Toast;

package/es/components/pisellToast/squareToast/index.js

@@ -0,0 +1,28 @@
+import { useMemo } from 'react';
+import { clear, show, success, info, loading, fail, hide } from "./methods";
+import "./index.less";
+var Toast = {
+  show: show,
+  clear: clear,
+  success: success,
+  info: info,
+  loading: loading,
+  fail: fail,
+  error: fail,
+  hide: hide
+};
+export var useToast = function useToast() {
+  return useMemo(function () {
+    return {
+      show: show,
+      clear: clear,
+      success: success,
+      info: info,
+      loading: loading,
+      fail: fail,
+      error: fail,
+      hide: hide
+    };
+  }, []);
+};
+export default Toast;

package/es/components/pisellToast/squareToast/index.less

@@ -0,0 +1,60 @@
+.pisell-square-toast-wrap {
+  pointer-events: none;
+}
+
+.pisell-square-toast-modal {
+  pointer-events: none;
+  user-select: none;
+  min-width: 190px;
+  min-height: 74px;
+
+  // Toast 容器
+  .pisell-square-toast {
+    min-width: 190px;
+    max-width: 201px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: 32px 12px;
+    border-radius: 8px;
+    overflow: hidden;
+    background: rgba(0, 0, 0, 0.8);
+
+    .pisell-square-toast-icon-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 11px;
+
+      .pisell-square-toast-icon {
+        font-size: 50px;
+        color: #ffffff;
+        width: 50px;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &-loading {
+          animation: fadenum 1s infinite linear;
+        }
+      }
+    }
+
+    // 内容区域
+    .pisell-square-toast-content {
+      font-size: 20px;
+      line-height: 1.5;
+      color: #ffffff;
+      text-align: center;
+    }
+  }
+}
+
+// loading 旋转动画
+@keyframes fadenum {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/es/components/pisellToast/squareToast/methods.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ToastProps } from './toast';
+interface ToastInstance {
+    close: () => void;
+}
+declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const clear: () => void;
+declare const success: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const info: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const loading: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const fail: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
+declare const hide: () => void;
+export { show, clear, success, info, loading, fail, hide };