@pisell/materials 6.3.17 → 6.3.18

package/lib/components/keyboard/index.js

@@ -0,0 +1,223 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/keyboard/index.tsx
+var keyboard_exports = {};
+__export(keyboard_exports, {
+  default: () => keyboard_default
+});
+module.exports = __toCommonJS(keyboard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var list = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "+", "ok"];
+var defaultArr = [
+  {
+    value: 1,
+    label: "1",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 2,
+    label: "2",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 3,
+    label: "3",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 4,
+    label: "4",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 5,
+    label: "5",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 6,
+    label: "6",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 7,
+    label: "7",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 8,
+    label: "8",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 9,
+    label: "9",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "0",
+    label: "0",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "00",
+    label: "00",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: ".",
+    label: ".",
+    disabled: false,
+    type: "text"
+  }
+];
+var Keyboard = (props) => {
+  const {
+    items = defaultArr,
+    className,
+    style,
+    onChange,
+    rightItems,
+    keydown = true
+  } = props;
+  const contentRef = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(contentRef);
+  (0, import_ahooks.useEventListener)("keydown", (ev) => {
+    console.log("ev", ev);
+    if (!keydown) {
+      return;
+    }
+    let key = ev.key;
+    if (key === "Enter") {
+      key = "ok";
+    }
+    if (key === "keydown") {
+      key = "+";
+    }
+    if (list.includes(key)) {
+      onChange == null ? void 0 : onChange(key);
+    }
+  });
+  const getHeight = (0, import_ahooks.useMemoizedFn)((itemSize = 1) => {
+    return ((size == null ? void 0 : size.width) || 0) / 4 * itemSize + (itemSize - 1) * 7;
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      id: props.id || "",
+      className: (0, import_classnames.default)("pisell-virtual-keyboard-wrap", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pisell-virtual-keyboard-content"),
+        ref: contentRef
+      },
+      items.map((item) => {
+        var _a;
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-keyboard-item", style: item.style }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            id: `pisell-virtual-keyboard-${item.value}`,
+            key: item.value,
+            type: item.type,
+            className: "pisell-virtual-keyboard-item-button",
+            style: {
+              color: item.type === "primary" ? "#fff" : ((_a = item.style) == null ? void 0 : _a.color) || void 0
+            },
+            disabled: item.disabled,
+            onClick: (e) => {
+              onChange == null ? void 0 : onChange(item.value);
+            }
+          },
+          item.label
+        ));
+      })
+    ),
+    rightItems && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-virtual-keyboard-content",
+          "pisell-virtual-keyboard-right"
+        ),
+        style: { flex: `0 0 calc((100% - 21px) / 4 * 1)` }
+      },
+      rightItems == null ? void 0 : rightItems.map((item) => {
+        var _a, _b;
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "pisell-virtual-keyboard-item",
+            style: {
+              ...item.style || {},
+              height: getHeight(item.size)
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              id: `pisell-virtual-keyboard-${item.value}`,
+              key: item.value,
+              type: item.type,
+              className: "pisell-virtual-keyboard-item-button",
+              style: {
+                fontSize: ((_a = item.style) == null ? void 0 : _a.fontSize) || 25,
+                color: item.type === "primary" ? "#fff" : ((_b = item.style) == null ? void 0 : _b.color) || void 0,
+                ...item.type === "primary" ? item.style || {} : {}
+              },
+              disabled: item.disabled,
+              onClick: (e) => {
+                onChange == null ? void 0 : onChange(item.value);
+              }
+            },
+            item.label
+          )
+        );
+      })
+    )
+  );
+};
+var keyboard_default = import_react.default.memo(Keyboard);

package/lib/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/lib/components/page/index.js

@@ -70,7 +70,7 @@ var localeDateMap = {
 };
 var Page = (props) => {
   var _a, _b, _c, _d, _e, _f;
-  const { children, style, className, locale: propsLocale, ...others } = props;
+  const { children, style, className, locale: propsLocale, isRenderPisellConfigProvider = true, ...others } = props;
   const context = (0, import_useEngineContext.default)();
   const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
   const locale = propsLocale || ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en";
@@ -215,6 +215,7 @@ var Page = (props) => {
       }
     });
   }, [platform, themeColor]);
+  const PisellConfigProvid = isRenderPisellConfigProvider ? import_pisell_config_provider.default : import_react.default.Fragment;
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {
@@ -237,7 +238,7 @@ var Page = (props) => {
           dateAdapter: import_AdapterDayjs.AdapterDayjs,
           adapterLocale: ((_d = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _d.adapterLocale) || "en"
         },
-        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(PisellConfigProvid, { locale }, /* @__PURE__ */ import_react.default.createElement(
           import_VariablesProvider.default,
           {
             variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {}

package/lib/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/lib/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/lib/components/pisellAdjustPrice/index.js

@@ -49,6 +49,8 @@ var PisellAdjustPrice = (props) => {
     defaultValue,
     originValue,
     selectType = "light",
+    resetText,
+    doneText,
     ...others
   } = props;
   const config = (0, import_usePisellConfig.default)();
@@ -180,6 +182,8 @@ var PisellAdjustPrice = (props) => {
         onChange: handleChange,
         onEnter: handleEnter,
         placeholder: discountMode === "amount" ? "0" : "%",
+        resetText,
+        doneText,
         rightItemsStyle: {
           buttonBackgroundColor: configColor.buttonBackgroundColor,
           textColor: configColor.textColor,

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

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

package/lib/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/lib/components/pisellCardList/index.js

@@ -64,6 +64,18 @@ var PisellCardList = (props) => {
     showEmpty,
     showBalanceSymbol,
     onChangeDebounce,
+    showStatus,
+    nameTitleStyle,
+    enableEditAmount,
+    useExternalDetail,
+    onDetail,
+    formatBalance,
+    formatBalanceTitle,
+    formatRedeem,
+    formatRedeemTitle,
+    onBeforeEditAmount,
+    onItemClick,
+    showActiveBackground,
     validDateBySchedule,
     scheduleList
   } = props;
@@ -80,12 +92,19 @@ var PisellCardList = (props) => {
       iconPosition: "hide",
       fullWidth,
       onChangeDebounce,
+      onItemClick,
+      showActiveBackground,
       renderOption: (item, active, index) => {
         return /* @__PURE__ */ import_react.default.createElement(
           import_pisellWalletPassCard.default,
           {
             ...item,
             active,
+            mode,
+            showActiveIcon: true,
+            showStatus: showStatus || (item == null ? void 0 : item.showStatus),
+            cardStatus: item == null ? void 0 : item.cardStatus,
+            nameTitleStyle: nameTitleStyle || (item == null ? void 0 : item.nameTitleStyle),
             showName: showName || (item == null ? void 0 : item.showName),
             showBalance: showBalance || (item == null ? void 0 : item.showBalance),
             showCode: showCode || (item == null ? void 0 : item.showCode),
@@ -98,18 +117,36 @@ var PisellCardList = (props) => {
             showBalanceSymbol: showBalanceSymbol || (item == null ? void 0 : item.showBalanceSymbol),
             showActions: props.showActions || (item == null ? void 0 : item.showActions),
             actions: props.actions || (item == null ? void 0 : item.actions),
+            enableEditAmount: enableEditAmount || (item == null ? void 0 : item.enableEditAmount),
+            useExternalDetail: useExternalDetail || (item == null ? void 0 : item.useExternalDetail),
+            onDetail: (record) => {
+              var _a;
+              return (_a = props == null ? void 0 : props.onDetail) == null ? void 0 : _a.call(props, record, index);
+            },
             validDateBySchedule: validDateBySchedule || (item == null ? void 0 : item.validDateBySchedule),
             scheduleList: scheduleList || (item == null ? void 0 : item.scheduleList),
             beforeEdit: (record) => {
               var _a;
               return (_a = props == null ? void 0 : props.beforeEdit) == null ? void 0 : _a.call(props, record, index);
             },
+            onConfirmEditAmount: (value2) => {
+              var _a;
+              (_a = props.onConfirmEditAmount) == null ? void 0 : _a.call(props, value2, index, item);
+            },
             onConfirmEdit: (newVal) => {
               var _a;
-              (_a = props.onConfirmEdit) == null ? void 0 : _a.call(props, newVal, index);
+              (_a = props.onConfirmEdit) == null ? void 0 : _a.call(props, newVal, index, item);
             },
+            formatBalance: formatBalance || (item == null ? void 0 : item.formatBalance),
+            formatBalanceTitle: formatBalanceTitle || (item == null ? void 0 : item.formatBalanceTitle),
             type,
-            style: direction === "vertical" || direction === "horizontal" && fullWidth ? { width: "100%" } : {}
+            style: direction === "vertical" || direction === "horizontal" && fullWidth ? { width: "100%" } : {},
+            formatRedeem: formatRedeem || (item == null ? void 0 : item.formatRedeem),
+            formatRedeemTitle: formatRedeemTitle || (item == null ? void 0 : item.formatRedeemTitle),
+            onBeforeEditAmount: (record) => {
+              var _a;
+              return (_a = props == null ? void 0 : props.onBeforeEditAmount) == null ? void 0 : _a.call(props, record, index, item);
+            }
           }
         );
       }

package/lib/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/lib/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/lib/components/pisellCheckboxGroup/index.js

@@ -64,6 +64,8 @@ var PisellCheckboxGroup = (props) => {
     optionClassName,
     optionActiveClassName,
     onChangeDebounce,
+    onItemClick,
+    showActiveBackground = false,
     ...rest
   } = props;
   const [_value, set_value] = (0, import_react2.useState)([]);
@@ -150,13 +152,16 @@ var PisellCheckboxGroup = (props) => {
             optionClassName,
             {
               "pisell-checkbox-group-item-active": active,
-              [optionActiveClassName]: 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: (e) => {
+            onItemClick == null ? void 0 : onItemClick(e, option);
             if (option.disabled) return;
             if (onChangeDebounce) {
               run(option[rowKey], option);

package/lib/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/lib/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/lib/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/lib/components/pisellGoodPassCard/index.js

@@ -86,7 +86,18 @@ var index = (props) => {
         onCancel: () => setShowModal(false),
         className: `${clsPrefix}-all-items-modal`
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "10px 0", display: "flex", flexDirection: "column", gap: 12 } }, dataSource.map(renderVoucherItem))
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            padding: "10px 0",
+            display: "flex",
+            flexDirection: "column",
+            gap: 12
+          }
+        },
+        dataSource.map(renderVoucherItem)
+      )
     );
   };
   const renderMixedMode = () => {
@@ -94,7 +105,23 @@ var index = (props) => {
     const list = sortList.length > 3 ? sortList.slice(0, 3) : sortList;
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-header` }, /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell2.text.goodpass.product-vouchers")), /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { underline: true, onClick: () => setShowModal(true) }, (0, import_locales.getText)("pisell2.text.goodpass.view-more"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 4 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-body` }, list.map(renderVoucherItem)));
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderModal(), /* @__PURE__ */ import_react.default.createElement(
+  const renderModalMode = () => {
+    const sortList = (mixedSort == null ? void 0 : mixedSort(dataSource)) || dataSource;
+    if (sortList.length === 0) return null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          padding: "10px 0",
+          display: "flex",
+          flexDirection: "column",
+          gap: 12
+        }
+      },
+      sortList.map(renderVoucherItem)
+    );
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !props.isInModal ? renderModal() : null, dataSource.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
     import__.PisellCard,
     {
       padding: 8,
@@ -105,7 +132,7 @@ var index = (props) => {
       },
       className: clsPrefix
     },
-    renderMixedMode()
-  ));
+    props.isInModal ? renderModalMode() : renderMixedMode()
+  ) : null);
 };
 var pisellGoodPassCard_default = index;

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

@@ -47,7 +47,8 @@ var Amount = (props) => {
   } = props;
   const config = (0, import_usePisellConfig.default)();
   const amount = (0, import_react.useMemo)(() => {
-    return (0, import_utils.formatAmountWithOptions)(value, symbol || (config == null ? void 0 : config.symbol) || "", {
+    var _a;
+    return (0, import_utils.formatAmountWithOptions)(value, symbol || (config == null ? void 0 : config.symbol) || ((_a = config == null ? void 0 : config.getSymbolic) == null ? void 0 : _a.call(config)) || "", {
       precision,
       showCurrencySymbol,
       useThousandsSeparator,

package/lib/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;