@pisell/materials 6.12.54 → 6.12.56

package/lib/components/pisellFilter/index.d.ts

@@ -1,7 +1,6 @@
 import { PisellFilterProps } from "./type.js";
-import React from "react";
 
 //#region src/components/pisellFilter/index.d.ts
-declare const PisellFilter: (props: PisellFilterProps) => React.JSX.Element;
+declare const PisellFilter: (props: PisellFilterProps) => JSX.Element;
 //#endregion
 export { PisellFilter };

package/lib/components/pisellFloatingPanel/index.d.ts

@@ -13,6 +13,6 @@ interface PisellFloatingPanelProps {
   style?: React.CSSProperties;
   retractIconStyle?: React.CSSProperties;
 }
-declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => React.JSX.Element;
+declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => JSX.Element;
 //#endregion
 export { PisellFloatingPanel };

package/lib/components/pisellFloorMapLayout/components/FigmaTableCard.d.ts

@@ -1,5 +1,4 @@
 import { FloorMapDataSources, FloorMapMergedItem } from "../types.js";
-import React from "react";
 
 //#region src/components/pisellFloorMapLayout/components/FigmaTableCard.d.ts
 type FigmaTableStatus = 'available' | 'reserved' | 'waiting' | 'dining' | 'billed' | 'availableSoon';
@@ -32,12 +31,12 @@ interface FigmaTableCardItem {
 /** 从 merged item + dataSources 得到卡片数据 */
 declare function getFigmaTableCardFromMerged(item: FloorMapMergedItem, dataSources: FloorMapDataSources): FigmaTableCardItem;
 /** 渲染 Figma 样式的方桌卡片（上下小条 + 资源信息标题栏 + 白底卡片 + 状态色边框） */
-declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): React.JSX.Element;
+declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): JSX.Element;
 /** 渲染 Figma 样式的圆桌卡片（顶部资源信息 chip + 圆形主体，圆形主体只展示状态相关内容） */
-declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): React.JSX.Element;
+declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): JSX.Element;
 /** 返回用于 renderItemByKind.table 的渲染函数（方桌） */
-declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => React.JSX.Element;
+declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
 /** 返回用于 renderItemByKind.roundTable 的渲染函数（圆桌） */
-declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => React.JSX.Element;
+declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
 //#endregion
 export { FigmaTableCardItem, FigmaTableStatus, getFigmaTableCardFromMerged, getRenderItemByKindRoundTable, getRenderItemByKindTable, renderFigmaStyleRoundTableCard, renderFigmaStyleTableCard };

package/lib/components/pisellFloorMapLayout/components/FloorMapBuiltinShapeElement.d.ts

@@ -1,11 +1,10 @@
 import { FloorMapBuiltinShapeRenderProps } from "../utils/floorMapBuiltinShapes.js";
-import React from "react";
 
 //#region src/components/pisellFloorMapLayout/components/FloorMapBuiltinShapeElement.d.ts
 interface FloorMapBuiltinShapeElementProps extends FloorMapBuiltinShapeRenderProps {
   builtinShapeKey?: string;
   name?: string;
 }
-declare function FloorMapBuiltinShapeElement(props: FloorMapBuiltinShapeElementProps): React.JSX.Element;
+declare function FloorMapBuiltinShapeElement(props: FloorMapBuiltinShapeElementProps): JSX.Element;
 //#endregion
 export { FloorMapBuiltinShapeElement };

package/lib/components/pisellFloorMapLayout/components/FloorMapImageElement.d.ts

@@ -1,10 +1,8 @@
-import React from "react";
-
 //#region src/components/pisellFloorMapLayout/components/FloorMapImageElement.d.ts
 interface FloorMapImageElementProps {
   imageUrl?: string;
   name?: string;
 }
-declare function FloorMapImageElement(props: FloorMapImageElementProps): React.JSX.Element;
+declare function FloorMapImageElement(props: FloorMapImageElementProps): JSX.Element;
 //#endregion
 export { FloorMapImageElement };

package/lib/components/pisellFloorMapLayout/components/FloorMapSelectionZoneElement.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
 //#region src/components/pisellFloorMapLayout/components/FloorMapSelectionZoneElement.d.ts
 interface FloorMapSelectionZoneElementProps {
   /** 选区名称；为空时展示「未命名选区」占位 */
   name?: string;
 }
-declare function FloorMapSelectionZoneElement(props: FloorMapSelectionZoneElementProps): React.JSX.Element;
+declare function FloorMapSelectionZoneElement(props: FloorMapSelectionZoneElementProps): JSX.Element;
 //#endregion
 export { FloorMapSelectionZoneElement };

package/lib/components/pisellFloorMapLayout/context/FloorMapLayoutContext.d.ts

@@ -15,6 +15,6 @@ interface FloorMapLayoutProviderProps {
 declare function FloorMapLayoutProvider({
   value,
   children
-}: FloorMapLayoutProviderProps): React.JSX.Element;
+}: FloorMapLayoutProviderProps): JSX.Element;
 //#endregion
 export { EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, FloorMapLayoutProvider, FloorMapLayoutProviderProps, useFloorMapLayoutContext };

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

@@ -46,6 +46,6 @@ interface PisellGoodPassCardProps {
   mixedSort?: (val: Discount[]) => Discount[];
   isInModal: boolean;
 }
-declare const index: (props: PisellGoodPassCardProps) => React.JSX.Element;
+declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
 //#endregion
 export { index };

package/lib/components/pisellGridPro/GridView/index.d.ts

@@ -1,6 +1,5 @@
 import { GridViewProps } from "./type.js";
-import React from "react";
 //#region src/components/pisellGridPro/GridView/index.d.ts
-declare const GridView: (props: GridViewProps) => React.JSX.Element;
+declare const GridView: (props: GridViewProps) => JSX.Element;
 //#endregion
 export { GridView };

package/lib/components/pisellInformationEntry/index.d.ts

@@ -29,6 +29,6 @@ interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivE
   /** 录入类型切换时候触发的 */
   onChangeType?: (val: null | EntryModeType['type']) => void;
 }
-declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
 //#endregion
 export { PisellInformationEntry };

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,5 +1,4 @@
 import { PisellContextType } from "../../../pisell-config-provider/context.js";
-import React from "react";
 import { InputProps } from "antd";
 //#region src/components/pisellInput/components/BankCard/index.d.ts
 type BankCardProps = InputProps & {

package/lib/components/pisellInput/components/Copy/index.d.ts

@@ -1,5 +1,4 @@
 import { PisellContextType } from "../../../pisell-config-provider/context.js";
-import React from "react";
 import { ButtonProps, InputProps } from "antd";
 
 //#region src/components/pisellInput/components/Copy/index.d.ts

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,5 +1,4 @@
 import { PisellContextType } from "../../../pisell-config-provider/context.js";
-import React from "react";
 import { InputProps } from "antd";
 //#region src/components/pisellInput/components/SecurityCode/index.d.ts
 interface SecurityCodeProps extends Omit<InputProps, 'onChange'> {

package/lib/components/pisellInput/index.d.ts

@@ -2,17 +2,16 @@ import { PisellContextType } from "../pisell-config-provider/context.js";
 import { BankCardProps } from "./components/BankCard/index.js";
 import { SecurityCodeProps } from "./components/SecurityCode/index.js";
 import { CopyProps } from "./components/Copy/index.js";
-import React from "react";
 import { InputProps } from "antd";
 
 //#region src/components/pisellInput/index.d.ts
 declare const PisellInput: {
   (props: InputProps & {
     /** 平台 */platform?: PisellContextType['platform'];
-  }): React.JSX.Element;
-  BankCard: (props: BankCardProps) => React.JSX.Element;
-  SecurityCode: (props: SecurityCodeProps) => React.JSX.Element;
-  Copy: (props: CopyProps) => React.JSX.Element;
+  }): JSX.Element;
+  BankCard: (props: BankCardProps) => JSX.Element;
+  SecurityCode: (props: SecurityCodeProps) => JSX.Element;
+  Copy: (props: CopyProps) => JSX.Element;
 };
 //#endregion
 export { PisellInput };

package/lib/components/pisellLoading/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { SpinProps } from "antd";
 //#region src/components/pisellLoading/index.d.ts
 type MaskType = {
@@ -16,6 +15,6 @@ interface PisellLoadingProps extends SpinProps {
   /** 延迟显示加载效果的时间（防止闪烁）	 */
   delay?: number;
 }
-declare const PisellLoading: (props: PisellLoadingProps) => React.JSX.Element;
+declare const PisellLoading: (props: PisellLoadingProps) => JSX.Element;
 //#endregion
 export { PisellLoading };

package/lib/components/pisellModal/index.d.ts

@@ -40,7 +40,7 @@ interface PisellModalProps extends ModalProps {
   maskProps?: React.HTMLAttributes<HTMLDivElement>;
 }
 declare const PisellModal: {
-  (props: PisellModalProps): React.JSX.Element;
+  (props: PisellModalProps): JSX.Element;
   confirm: (props: PisellModalFuncProps) => {
     destroy: () => void;
     update: (configUpdate: _$antd.ModalFuncProps | ((prevConfig: _$antd.ModalFuncProps) => _$antd.ModalFuncProps)) => void;
@@ -62,7 +62,7 @@ declare const PisellModal: {
     destroy: () => void;
     update: (configUpdate: _$antd.ModalFuncProps | ((prevConfig: _$antd.ModalFuncProps) => _$antd.ModalFuncProps)) => void;
   };
-  Information: (props: InformationProps) => React.JSX.Element;
+  Information: (props: InformationProps) => JSX.Element;
 };
 //#endregion
 export { PisellModal, PisellModalProps };

package/lib/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.d.ts

@@ -1,5 +1,4 @@
 import { RecordBoardCalendarProps } from "../../types.js";
-import React from "react";
 
 //#region src/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.d.ts
 type PisellRecordBoardCalendarViewProps = RecordBoardCalendarProps;
@@ -10,6 +9,6 @@ type PisellRecordBoardCalendarViewProps = RecordBoardCalendarProps;
  * 只做「占位与裁剪高度」；本组件根节点负责在同一 flex 列里向下传递 **min-height:0**，避免 `BookingCalendar`
  * 撑破壳层（一层即可，历史上曾双包一层重复 flex+overflow）。
  */
-declare function PisellRecordBoardCalendarView(props: PisellRecordBoardCalendarViewProps): React.JSX.Element;
+declare function PisellRecordBoardCalendarView(props: PisellRecordBoardCalendarViewProps): JSX.Element;
 //#endregion
 export { PisellRecordBoardCalendarView, PisellRecordBoardCalendarViewProps };

package/lib/components/pisellReservationSchedule/PisellReservationSchedule.d.ts

@@ -1,10 +1,9 @@
 import { PisellReservationScheduleProps } from "./types.js";
-import React from "react";
 //#region src/components/pisellReservationSchedule/PisellReservationSchedule.d.ts
 /**
  * 营业日导航条：上一日、中间日期文案、下一日（深色条样式，适配预约顶栏）
  */
-declare function PisellReservationSchedule(props: PisellReservationScheduleProps): React.JSX.Element;
+declare function PisellReservationSchedule(props: PisellReservationScheduleProps): JSX.Element;
 declare namespace PisellReservationSchedule {
   var displayName: string;
 }

package/lib/components/pisellReservationScheduleBand/PisellReservationScheduleBand.d.ts

@@ -1,10 +1,9 @@
 import { PisellReservationScheduleBandProps } from "./types.js";
-import React from "react";
 //#region src/components/pisellReservationScheduleBand/PisellReservationScheduleBand.d.ts
 /**
  * 预约顶栏组合：营业日切换 + 锚定到选中日的时间导航轴
  */
-declare function PisellReservationScheduleBand(props: PisellReservationScheduleBandProps): React.JSX.Element;
+declare function PisellReservationScheduleBand(props: PisellReservationScheduleBandProps): JSX.Element;
 declare namespace PisellReservationScheduleBand {
   var displayName: string;
 }

package/lib/components/pisellRow/index.d.ts

@@ -18,6 +18,6 @@ interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HT
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:38
  */
-declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
+declare const PisellRow: (props: PisellRowProps) => JSX.Element;
 //#endregion
 export { PisellRow, PisellRowProps };

package/lib/components/pisellSort/index.d.ts

@@ -1,7 +1,6 @@
 import { PisellSortProps } from "./type.js";
-import React from "react";
 
 //#region src/components/pisellSort/index.d.ts
-declare const PisellSort: (props: PisellSortProps) => React.JSX.Element;
+declare const PisellSort: (props: PisellSortProps) => JSX.Element;
 //#endregion
 export { PisellSort };

package/lib/components/pisellStatisticList/index.d.ts

@@ -18,6 +18,6 @@ interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivElement>
     }[];
   }[];
 }
-declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
+declare const PisellStatisticList: (props: PisellStatisticListProps) => JSX.Element;
 //#endregion
 export { PisellStatisticList, PisellStatisticListProps };

package/lib/components/pisellTags/index.d.ts

@@ -9,6 +9,6 @@ interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttributes<H
   icon?: React.ReactNode;
   color?: PisellTagsColor;
 }
-declare const PisellTags: (props: PisellTagsProps) => React.JSX.Element;
+declare const PisellTags: (props: PisellTagsProps) => JSX.Element;
 //#endregion
 export { PisellTags, PisellTagsProps };

package/lib/components/pisellText/index.d.ts

@@ -5,8 +5,8 @@ import React from "react";
 //#region src/components/pisellText/index.d.ts
 interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {}
 declare const PisellText: {
-  (props: PisellTextProps): React.JSX.Element;
-  Amount: (props: AmountProps) => React.JSX.Element;
+  (props: PisellTextProps): JSX.Element;
+  Amount: (props: AmountProps) => JSX.Element;
   Editable: React.FC<EditableProps>;
 };
 //#endregion

package/lib/components/pisellTimeNavigator/PisellTimeNavigator.d.ts

@@ -1,10 +1,9 @@
 import { PisellTimeNavigatorProps } from "./types.js";
-import React from "react";
 //#region src/components/pisellTimeNavigator/PisellTimeNavigator.d.ts
 /**
  * PisellTimeNavigator：可拖动的时间导航轴，时间范围内浏览、选择、控制
  */
-declare function PisellTimeNavigator(props: PisellTimeNavigatorProps): React.JSX.Element;
+declare function PisellTimeNavigator(props: PisellTimeNavigatorProps): JSX.Element;
 declare namespace PisellTimeNavigator {
   var displayName: string;
 }

package/lib/components/pisellTooltip/index.d.ts

@@ -1,11 +1,10 @@
 import { PisellContextType } from "../pisell-config-provider/context.js";
-import React from "react";
 import { TooltipPropsWithTitle } from "antd/es/tooltip";
 //#region src/components/pisellTooltip/index.d.ts
 interface PisellTooltipProps extends TooltipPropsWithTitle {
   /** 平台 */
   platform?: PisellContextType['platform'];
 }
-declare const PisellTooltip: (props: PisellTooltipProps) => React.JSX.Element;
+declare const PisellTooltip: (props: PisellTooltipProps) => JSX.Element;
 //#endregion
 export { PisellTooltip };

package/lib/components/pisellUpload/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { UploadProps } from "antd";
 //#region src/components/pisellUpload/index.d.ts
 interface PisellUploadProps extends UploadProps {
@@ -7,6 +6,6 @@ interface PisellUploadProps extends UploadProps {
   text2?: string;
   uploadType?: 'button' | 'drop' | 'custom';
 }
-declare const PisellUpload: (props: PisellUploadProps) => React.JSX.Element;
+declare const PisellUpload: (props: PisellUploadProps) => JSX.Element;
 //#endregion
 export { PisellUpload };

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

@@ -20,6 +20,8 @@ interface PisellWalletPassCardProps {
   storeName: string;
   /** 余额 */
   balance?: number;
+  /** 已格式化的余额展示内容 */
+  formattedBalance?: React.ReactNode;
   /** 识别码编号 */
   code: string;
   /** 有效期 */
@@ -139,6 +141,6 @@ interface PisellWalletPassCardProps {
   onSetHolder?: (currentValue?: any) => void;
   [key: string]: any;
 }
-declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
 //#endregion
 export { FormatOption, PisellWalletPassCard, PisellWalletPassCardProps };

package/lib/components/pisellWalletPassCard/index.js

@@ -43,7 +43,7 @@ const PisellWalletPassCard = (props) => {
 			if (pressTimer) clearTimeout(pressTimer);
 		};
 	}, [pressTimer]);
-	const { id, type, code, qrCode, balance, disabledReason, name, storeName, redeem, validDate, disabled, active = false, cover, balanceTitle, redeemTitle, showCover = true, showDetail = true, showBalance = true, showRedeem = true, showName = true, showCode = true, showStoreName = true, showValidDate = true, showQrCode = true, showBalanceSymbol = true, showDisabledReason = true, showDiscount = false, discount, showActions, actions, beforeEdit, onBeforeEditAmount, onConfirmEdit, onConfirmEditAmount, onDetail, useExternalDetail = false, originData, style = {}, mode = "multiple", showActiveIcon, enableEditAmount, showStatus, cardStatus, nameTitleStyle, formatBalance, formatBalanceTitle, formatRedeem, formatRedeemTitle, maxRedeem, showHolderName = true, holder, onSetHolder, validDateBySchedule, scheduleList } = props;
+	const { id, type, code, qrCode, balance, formattedBalance, disabledReason, name, storeName, redeem, validDate, disabled, active = false, cover, balanceTitle, redeemTitle, showCover = true, showDetail = true, showBalance = true, showRedeem = true, showName = true, showCode = true, showStoreName = true, showValidDate = true, showQrCode = true, showBalanceSymbol = true, showDisabledReason = true, showDiscount = false, discount, showActions, actions, beforeEdit, onBeforeEditAmount, onConfirmEdit, onConfirmEditAmount, onDetail, useExternalDetail = false, originData, style = {}, mode = "multiple", showActiveIcon, enableEditAmount, showStatus, cardStatus, nameTitleStyle, formatBalance, formatBalanceTitle, formatRedeem, formatRedeemTitle, maxRedeem, showHolderName = true, holder, onSetHolder, validDateBySchedule, scheduleList } = props;
 	(0, react.useEffect)(() => {
 		document.body.id = "body";
 	}, []);
@@ -271,7 +271,7 @@ const PisellWalletPassCard = (props) => {
 		active,
 		data: props
 	}) : balanceTitle || require_index.getText("pisell-wallet-pass-card-balance"), disabled || isMini ? ": " : "");
-	const createOriginalBalanceDom = () => /* @__PURE__ */ react.default.createElement(require_index$4.default, {
+	const createOriginalBalanceDom = () => formattedBalance !== void 0 ? /* @__PURE__ */ react.default.createElement("span", { className: "pisell-card-amount-item-value" }, formattedBalance) : /* @__PURE__ */ react.default.createElement(require_index$4.default, {
 		className: "pisell-card-amount-item-value",
 		useThousandsSeparator: true,
 		value: balance,

package/lib/components/productCard/cartSkuCard/components/AmountFooter/index.js

@@ -11,9 +11,10 @@ classnames = require_runtime.__toESM(classnames);
 require("./index.less");
 //#region src/components/productCard/cartSkuCard/components/AmountFooter/index.tsx
 const Footer = ({ item, hideDivider, type, isOnlyTotal }) => {
-	const { total, origin_total, symbol, tip, num, discount_reason } = item;
+	const { total, origin_total, symbol, tip, num, discount_reason, amountFormatter } = item;
 	const weighingInfo = (0, _pisell_utils.resolveWeighingSnapshot)(item);
 	const formatFooterAmount = (amount, precision = 2) => {
+		if (amountFormatter) return amountFormatter(amount, precision);
 		if (!weighingInfo) return require_utils._formatAmount(amount, symbol, precision);
 		return (0, _pisell_utils.formatAmountWithOptions)(amount, symbol, {
 			precision,

package/lib/components/productCard/cartSkuCard/components/Note/index.less

@@ -10,15 +10,19 @@
   }
 
   &__note-text {
+    min-width: 0;
+    flex: 1;
+    overflow: hidden;
     color: #101828;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
-    word-break: keep-all;
-    word-wrap: normal;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   &__note-btn {
+    flex-shrink: 0;
     color: var(--Blue-600, #1570ef);
     font-weight: 600;
     cursor: pointer;

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -13,7 +13,8 @@ require("./index.less");
 //#region src/components/productCard/cartSkuCard/components/basicInfo/index.tsx
 const BasicInfo = (props) => {
 	const { isShowImage, isShowQuantityBadge = true, dataSource = {}, style, isMainProduct, type, maxSpecsCount = 1, isBundle, showFooter, isShowOriginalPrice = false, isShowEditProduct = false, onEditProduct, disabledEditClick = false } = props;
-	const { image, bundle, options, product_option_string, name, price, symbol, total = 0, origin_total = 0, num = 1, holder_id, isFormSubject, totalDifference = 0 } = dataSource;
+	const { image, bundle, options, product_option_string, name, price, symbol, total = 0, origin_total = 0, num = 1, holder_id, isFormSubject, totalDifference = 0, amountFormatter } = dataSource;
+	const formatProductAmount = (value, precision = 2) => amountFormatter ? amountFormatter(value, precision) : (0, _pisell_utils.formatAmount)(value, precision, symbol);
 	const renderNumTag = () => {
 		return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)(`num-tag`, { "is-main": isMainProduct }) }, num < 100 ? num : "99+");
 	};
@@ -35,7 +36,7 @@ const BasicInfo = (props) => {
 	};
 	const renderProductPrice = () => {
 		if (hasWeighingInfo) return null;
-		return (0, _pisell_utils.formatAmount)(price, 2, symbol);
+		return formatProductAmount(price !== null && price !== void 0 ? price : 0);
 	};
 	const renderImage = () => {
 		if (!isShowImage) return null;
@@ -81,12 +82,12 @@ const BasicInfo = (props) => {
 		return /* @__PURE__ */ react.default.createElement("div", {
 			className: basicInfoClassName,
 			style: style || {}
-		}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), /* @__PURE__ */ react.default.createElement("div", { className: `product-price` }, /* @__PURE__ */ react.default.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ react.default.createElement("span", { className: `original-price` }, (0, _pisell_utils.formatAmount)(origin_total, 2, symbol)) : null)), renderProductMeta()), renderEdit));
+		}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), /* @__PURE__ */ react.default.createElement("div", { className: `product-price` }, /* @__PURE__ */ react.default.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ react.default.createElement("span", { className: `original-price` }, formatProductAmount(origin_total)) : null)), renderProductMeta()), renderEdit));
 	}
 	return /* @__PURE__ */ react.default.createElement("div", {
 		className: basicInfoClassName,
 		style: style || {}
-	}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ react.default.createElement("div", { className: `total-amont` }, (0, _pisell_utils.formatAmount)(total * num - (totalDifference !== null && totalDifference !== void 0 ? totalDifference : 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ react.default.createElement("div", { className: `origin-amount` }, (0, _pisell_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
+	}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ react.default.createElement("div", { className: `total-amont` }, formatProductAmount(total * num - (totalDifference !== null && totalDifference !== void 0 ? totalDifference : 0))), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ react.default.createElement("div", { className: `origin-amount` }, formatProductAmount(origin_total * num)) : null));
 };
 //#endregion
 exports.default = BasicInfo;

package/lib/components/productCard/cartSkuCard/components/packages/index.js

@@ -11,7 +11,7 @@ let antd = require("antd");
 require("./index.less");
 //#region src/components/productCard/cartSkuCard/components/packages/index.tsx
 const Packages = ({ isShowImage, isShowQuantityBadge, dataSource = {}, type }) => {
-	const { bundle = [], symbol = "$" } = dataSource;
+	const { bundle = [], symbol = "$", amountFormatter } = dataSource;
 	const showFooter = (0, react.useCallback)((_bundle) => {
 		const { options = [], bundle = [] } = _bundle;
 		const hasSpecs = (bundle === null || bundle === void 0 ? void 0 : bundle.length) || (options === null || options === void 0 ? void 0 : options.length);
@@ -31,7 +31,8 @@ const Packages = ({ isShowImage, isShowQuantityBadge, dataSource = {}, type }) =
 				dataSource: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, item), {}, {
 					name: item.title,
 					image: item.cover,
-					symbol
+					symbol,
+					amountFormatter
 				}),
 				type,
 				isBundle: true,
@@ -39,7 +40,8 @@ const Packages = ({ isShowImage, isShowQuantityBadge, dataSource = {}, type }) =
 			}), showFooter(item) ? /* @__PURE__ */ react.default.createElement(require_index$1.default, {
 				item: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, item), {}, {
 					total: item === null || item === void 0 ? void 0 : item.price,
-					symbol: dataSource === null || dataSource === void 0 ? void 0 : dataSource.symbol
+					symbol: dataSource === null || dataSource === void 0 ? void 0 : dataSource.symbol,
+					amountFormatter
 				}),
 				hideDivider: false,
 				type: "total"

package/lib/components/productCard/cartSkuCard/components/specs/index.js

@@ -8,7 +8,8 @@ require("./index.less");
 //#region src/components/productCard/cartSkuCard/components/specs/index.tsx
 const Specs = (props) => {
 	const { dataSource = {}, maxSpecsCount = 1, type } = props;
-	const { bundle, options, product_option_string, symbol } = dataSource;
+	const { bundle, options, product_option_string, symbol, amountFormatter } = dataSource;
+	const formatSpecAmount = (value) => amountFormatter ? amountFormatter(value, 2) : `${symbol || ""}${value}`;
 	const more = /* @__PURE__ */ react.default.createElement("div", { className: `${require_index$1.PREFIX}__specs-more` }, _pisell_utils.locales.getText("pisell2.cart.sku-card.more"));
 	/**
 	* @description: 渲染多规格字符串
@@ -19,7 +20,8 @@ const Specs = (props) => {
 	};
 	if (type === "a9") return /* @__PURE__ */ react.default.createElement("div", { className: `${require_index$1.PREFIX}__specs-a9-wrap` }, product_option_string ? /* @__PURE__ */ react.default.createElement("div", { className: "option-string-wrap" }, renderOptionString()) : null, options && (options === null || options === void 0 ? void 0 : options.length) > 0 ? /* @__PURE__ */ react.default.createElement(require_index.default, {
 		options,
-		amountSymbol: symbol
+		amountSymbol: symbol,
+		amountFormatter
 	}) : null);
 	if (Array.isArray(bundle) && (bundle === null || bundle === void 0 ? void 0 : bundle.length) > 0) {
 		const displayItems = bundle.slice(0, maxSpecsCount);
@@ -31,7 +33,7 @@ const Specs = (props) => {
 		return /* @__PURE__ */ react.default.createElement("div", { className: `${require_index$1.PREFIX}__specs` }, displayItems.map((item, index) => /* @__PURE__ */ react.default.createElement("div", {
 			className: "spec-item",
 			key: index
-		}, /* @__PURE__ */ react.default.createElement("span", { className: "spec-name" }, item.name), /* @__PURE__ */ react.default.createElement("span", { className: "spec-num" }, /* @__PURE__ */ react.default.createElement("span", null, symbol, item.price), /* @__PURE__ */ react.default.createElement("span", null), "x", /* @__PURE__ */ react.default.createElement("span", null, item.num)))), options.length > maxSpecsCount ? more : null);
+		}, /* @__PURE__ */ react.default.createElement("span", { className: "spec-name" }, item.name), /* @__PURE__ */ react.default.createElement("span", { className: "spec-num" }, /* @__PURE__ */ react.default.createElement("span", null, formatSpecAmount(item.price)), /* @__PURE__ */ react.default.createElement("span", null), "x", /* @__PURE__ */ react.default.createElement("span", null, item.num)))), options.length > maxSpecsCount ? more : null);
 	}
 	return null;
 };

package/lib/components/productCard/components/Packages/components/options/index.js

@@ -5,12 +5,13 @@ react = require_runtime.__toESM(react);
 require("./index.less");
 //#region src/components/productCard/components/Packages/components/options/index.tsx
 const prefix = "pisell-lowcode-";
-const Options = ({ options, amountSymbol }) => {
+const Options = ({ options, amountSymbol, amountFormatter }) => {
+	const formatOptionAmount = (value) => amountFormatter ? amountFormatter(value, 2) : require_utils._formatAmount(value, amountSymbol);
 	return (options === null || options === void 0 ? void 0 : options.length) > 0 ? /* @__PURE__ */ react.default.createElement("div", { className: `${prefix}packages-product-bundle-option` }, options.map((option, index) => {
 		return /* @__PURE__ */ react.default.createElement("div", {
 			key: option.id,
 			className: `${prefix}packages-product-bundle-option-item`
-		}, /* @__PURE__ */ react.default.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left` }, /* @__PURE__ */ react.default.createElement("span", null, option === null || option === void 0 ? void 0 : option.name), /* @__PURE__ */ react.default.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left-amount` }, /* @__PURE__ */ react.default.createElement("span", null, require_utils._formatAmount(option === null || option === void 0 ? void 0 : option.price, amountSymbol)), /* @__PURE__ */ react.default.createElement("span", null, "×"), /* @__PURE__ */ react.default.createElement("span", null, option === null || option === void 0 ? void 0 : option.num))), /* @__PURE__ */ react.default.createElement("span", { className: `${prefix}packages-product-bundle-option-item-amount` }, require_utils._formatAmount((option === null || option === void 0 ? void 0 : option.price) * (option === null || option === void 0 ? void 0 : option.num), amountSymbol)));
+		}, /* @__PURE__ */ react.default.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left` }, /* @__PURE__ */ react.default.createElement("span", null, option === null || option === void 0 ? void 0 : option.name), /* @__PURE__ */ react.default.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left-amount` }, /* @__PURE__ */ react.default.createElement("span", null, formatOptionAmount(option === null || option === void 0 ? void 0 : option.price)), /* @__PURE__ */ react.default.createElement("span", null, "×"), /* @__PURE__ */ react.default.createElement("span", null, option === null || option === void 0 ? void 0 : option.num))), /* @__PURE__ */ react.default.createElement("span", { className: `${prefix}packages-product-bundle-option-item-amount` }, formatOptionAmount((option === null || option === void 0 ? void 0 : option.price) * (option === null || option === void 0 ? void 0 : option.num))));
 	})) : null;
 };
 //#endregion

package/lib/components/productCard/lineItem/index.js

@@ -42,7 +42,9 @@ const _excluded = [
 	"onNote",
 	"onCard",
 	"onPromotion",
-	"onGift"
+	"onGift",
+	"symbol",
+	"amountFormatter"
 ];
 const isBookingItem = (dataSource) => {
 	var _dataSource$_extend;
@@ -80,7 +82,7 @@ const convertBundleOption = (option, translationOriginal) => {
 		num: (_ref = (_option$num = option.num) !== null && _option$num !== void 0 ? _option$num : option.quantity) !== null && _ref !== void 0 ? _ref : 1
 	});
 };
-const convertBundle = (bundle, translationOriginal) => {
+const convertBundle = (bundle, translationOriginal, amountFormatter) => {
 	const options = (bundle.option || []).map((option) => convertBundleOption(option, translationOriginal));
 	const bundlePrice = bundle.price_type === "markdown" && Number.isFinite(Number(bundle.price)) ? -Math.abs(Number(bundle.price)) : bundle.price;
 	return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, bundle), {}, {
@@ -97,6 +99,7 @@ const convertBundle = (bundle, translationOriginal) => {
 		custom_price_type_ext: bundle.price_type_ext,
 		options,
 		option: options,
+		amountFormatter,
 		_origin: bundle
 	});
 };
@@ -148,10 +151,10 @@ const resolveA12Eyebrow = (product, translationOriginal) => {
 		(_categories$ = categories[0]) === null || _categories$ === void 0 ? void 0 : _categories$.name
 	], translationOriginal);
 };
-const convertProductToLineItemProduct = (product, translationOriginal, symbol) => {
+const convertProductToLineItemProduct = (product, translationOriginal, symbol, amountFormatter) => {
 	var _product$metadata4, _ref3, _product$num, _ref4, _product$num2, _product$metadata5, _product$metadata6, _product$product_opti, _product$product_sku2, _product$discount_lis, _product$discount_lis2, _product$metadata7, _product$metadata8, _ref5, _product$num3;
 	const title = translateText(product.product_title || product.title, translationOriginal);
-	const bundle = (product.product_bundle || []).map((bundleItem) => convertBundle(bundleItem, translationOriginal));
+	const bundle = (product.product_bundle || []).map((bundleItem) => convertBundle(bundleItem, translationOriginal, amountFormatter));
 	const lineOriginTotal = resolveLineOriginTotal(product);
 	const lineOptions = mapLineItemOptions(resolveLineItemOptions(product), translationOriginal);
 	const a12Eyebrow = resolveA12Eyebrow(product, translationOriginal);
@@ -176,6 +179,7 @@ const convertProductToLineItemProduct = (product, translationOriginal, symbol) =
 		payment_price: product.payment_price,
 		tax_fee: product.tax_fee,
 		symbol,
+		amountFormatter,
 		note: product.note,
 		product_sku: product.product_sku,
 		product_bundle: bundle,
@@ -206,15 +210,16 @@ const convertProductToLineItemProduct = (product, translationOriginal, symbol) =
 };
 const LineItem = (props) => {
 	var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _dataSource$_extend2, _dataSource$_extend4;
-	const { dataSource = require_status.defaultValue.dataSource, itemType, type = "a9", isShowBookingHeader, rightActions = [], rightActionsDisplay = "swipe", escapeDom, isShowImage = require_status.defaultValue.isShowImage, isShowDelete = require_status.defaultValue.isShowDelete, isShowInlineDelete = isShowDelete, isShowNote = require_status.defaultValue.isShowNote, isShowAmountFooter = require_status.defaultValue.isShowAmountFooter, disabledClick = require_status.defaultValue.disabledClick, disabledEdit = require_status.defaultValue.disabledEdit, disabledNoteEdit = disabledEdit, statusOptions = [], statusLoading = false, statusDisabled = false, isShowRelatedProduct = true, holderOptions, onBookingStatusChange, onAddTimeProductCard, a12UnsupportedFallback = "a9", onAction, onDelete, onNote, onCard, onPromotion, onGift } = props, other = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
+	const { dataSource = require_status.defaultValue.dataSource, itemType, type = "a9", isShowBookingHeader, rightActions = [], rightActionsDisplay = "swipe", escapeDom, isShowImage = require_status.defaultValue.isShowImage, isShowDelete = require_status.defaultValue.isShowDelete, isShowInlineDelete = isShowDelete, isShowNote = require_status.defaultValue.isShowNote, isShowAmountFooter = require_status.defaultValue.isShowAmountFooter, disabledClick = require_status.defaultValue.disabledClick, disabledEdit = require_status.defaultValue.disabledEdit, disabledNoteEdit = disabledEdit, statusOptions = [], statusLoading = false, statusDisabled = false, isShowRelatedProduct = true, holderOptions, onBookingStatusChange, onAddTimeProductCard, a12UnsupportedFallback = "a9", onAction, onDelete, onNote, onCard, onPromotion, onGift, symbol: amountSymbol, amountFormatter } = props, other = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	const itemKind = itemType || (isBookingItem(dataSource) ? "booking" : "product");
 	const context = require_useEngineContext.default();
 	const translationOriginal = require_useTranslationOriginal.default();
-	const symbol = context.appHelper.utils.getSymbolic();
+	const symbol = amountSymbol || context.appHelper.utils.getSymbolic();
 	const locale = ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.locales) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getLocale) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.call(_context$appHelper$ut2)) || ((_context$appHelper$ut4 = context.appHelper.utils) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut4.storage) === null || _context$appHelper$ut4 === void 0 ? void 0 : _context$appHelper$ut4.get("umi_locale")) || "en-US";
 	require_useInitLocalesOnce.default(require_locales$1.default, locale);
 	require_useInitLocalesOnce.default(require_locales.default, locale);
-	const productDataSource = (0, react.useMemo)(() => itemKind === "product" ? convertProductToLineItemProduct(dataSource, translationOriginal, symbol) : null, [
+	const productDataSource = (0, react.useMemo)(() => itemKind === "product" ? convertProductToLineItemProduct(dataSource, translationOriginal, symbol, amountFormatter) : null, [
+		amountFormatter,
 		dataSource,
 		itemKind,
 		symbol,
@@ -223,16 +228,18 @@ const LineItem = (props) => {
 	const relatedProduct = dataSource === null || dataSource === void 0 || (_dataSource$_extend2 = dataSource._extend) === null || _dataSource$_extend2 === void 0 ? void 0 : _dataSource$_extend2.product;
 	const relatedProductDataSource = (0, react.useMemo)(() => {
 		if (!relatedProduct) return null;
-		return convertProductToLineItemProduct(relatedProduct, translationOriginal, symbol);
+		return convertProductToLineItemProduct(relatedProduct, translationOriginal, symbol, amountFormatter);
 	}, [
+		amountFormatter,
 		relatedProduct,
 		symbol,
 		translationOriginal
 	]);
 	const addTimeProductDataSources = (0, react.useMemo)(() => {
 		var _dataSource$_extend3;
-		return (Array.isArray(dataSource === null || dataSource === void 0 || (_dataSource$_extend3 = dataSource._extend) === null || _dataSource$_extend3 === void 0 ? void 0 : _dataSource$_extend3.addTimeProduct) ? dataSource._extend.addTimeProduct : []).map((item) => convertProductToLineItemProduct(item, translationOriginal, symbol));
+		return (Array.isArray(dataSource === null || dataSource === void 0 || (_dataSource$_extend3 = dataSource._extend) === null || _dataSource$_extend3 === void 0 ? void 0 : _dataSource$_extend3.addTimeProduct) ? dataSource._extend.addTimeProduct : []).map((item) => convertProductToLineItemProduct(item, translationOriginal, symbol, amountFormatter));
 	}, [
+		amountFormatter,
 		dataSource === null || dataSource === void 0 || (_dataSource$_extend4 = dataSource._extend) === null || _dataSource$_extend4 === void 0 ? void 0 : _dataSource$_extend4.addTimeProduct,
 		symbol,
 		translationOriginal