@pisell/materials 6.12.55 → 6.12.56

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicCardProps } from "./types.js";
 import { ImageDataSource, ImageFillMode, PisellImageCardProps } from "./components/PisellImageCard/types.js";
 import { GraphicConfig, GraphicTextCardProps, GraphicTextCardSize, GraphicTextCardVariant } from "./components/GraphicTextCard/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellSingleLineTextProps } from "../pisellSingleLineText/types.js";
 import { PisellLongTextProps } from "../pisellLongText/types.js";
 import { PisellNumberProps } from "../pisellNumber/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicGridProps } from "../PisellBasicGrid/types.js";
 import { PisellScrollViewProps, PisellScrollViewRef } from "../PisellScrollView/types.js";
 import { FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "../pisellFloorMapLayout/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellMetricCardProps } from "../pisellMetricCard/types.js";
 import { PisellStatisticListProps } from "../pisellStatisticList/index.js";
 import { PisellStatisticProps } from "../cardMetricItem/index.js";

package/es/components/appVersionControl/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/appVersionControl/types.d.ts
 interface Version {
   id: string;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ParsedProps } from "../utils.js";
 
 //#region src/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocalSettingsType } from "../../table/types.js";
 import { DataSourceType } from "../provider/dataSource/DataSourceContext.js";
 import { ColumnType } from "antd/es/table";

package/es/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxGroupProps } from "./type.js";
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/Radio/WithMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithModeProps } from "../../dataSourceForm/utils.js";
 import { RadioGroupProps } from "./type.js";
 import * as _$react from "react";

package/es/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { RecordListWrapperProps } from "./type.js";
 

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import * as _$antd from "antd";
 import * as _$antd_es_select0 from "antd/es/select";

package/es/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import { TabsProps } from "./type.js";
 

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModeType } from "../../dataSourceForm/type.js";
 
 //#region src/components/dataSourceComponents/fields/Translation/type.d.ts

package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionsItem } from "../../dataSourceForm/serve.js";
 import { Result } from "ahooks/es/useRequest/src/types";
 

package/es/components/drag-sort-tree/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/drag-sort-tree/types.d.ts
 type IdType = string | number;
 type ValueProps = {

package/es/components/filter/components/FilterButton/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../../types.js";
 
 //#region src/components/filter/components/FilterButton/types.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 import { InputProps, InputRef } from "antd";
 import * as _$antd_es_input0 from "antd/es/input";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$antd_es_list_Item0 from "antd/es/list/Item";
 
 //#region src/components/list/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as _$react from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FloorMapDataSources, FloorMapMergedItem } from "../types.js";
 
 //#region src/components/pisellFloorMapLayout/components/FigmaTableCard.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FloorMapBuiltinShapeRenderProps } from "../utils/floorMapBuiltinShapes.js";
 
 //#region src/components/pisellFloorMapLayout/components/FloorMapBuiltinShapeElement.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/pisellFloorMapLayout/components/FloorMapImageElement.d.ts
 interface FloorMapImageElementProps {
   imageUrl?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/pisellFloorMapLayout/components/FloorMapSelectionZoneElement.d.ts
 interface FloorMapSelectionZoneElementProps {
   /** 选区名称；为空时展示「未命名选区」占位 */

package/es/components/pisellGridPro/ToolBar/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/pisellGridPro/ToolBar/type.d.ts
 interface ToolBarProps {
   className?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellContextType } from "../pisell-config-provider/context.js";
 import { BankCardProps } from "./components/BankCard/index.js";
 import { SecurityCodeProps } from "./components/SecurityCode/index.js";

package/es/components/pisellMenu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from "antd";
 
 //#region src/components/pisellMenu/types.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from "../filter/types.js";
 import { FormInstance } from "antd";
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RecordBoardCalendarProps } from "../../types.js";
 
 //#region src/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellReservationScheduleProps } from "./types.js";
 //#region src/components/pisellReservationSchedule/PisellReservationSchedule.d.ts
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellReservationScheduleBandProps } from "./types.js";
 //#region src/components/pisellReservationScheduleBand/PisellReservationScheduleBand.d.ts
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellTimeNavigatorProps } from "./types.js";
 //#region src/components/pisellTimeNavigator/PisellTimeNavigator.d.ts
 /**

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

@@ -20,6 +20,8 @@ interface PisellWalletPassCardProps {
   storeName: string;
   /** 余额 */
   balance?: number;
+  /** 已格式化的余额展示内容 */
+  formattedBalance?: React.ReactNode;
   /** 识别码编号 */
   code: string;
   /** 有效期 */

package/es/components/pisellWalletPassCard/index.js

@@ -39,7 +39,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;
 	useEffect(() => {
 		document.body.id = "body";
 	}, []);
@@ -267,7 +267,7 @@ const PisellWalletPassCard = (props) => {
 		active,
 		data: props
 	}) : balanceTitle || getText("pisell-wallet-pass-card-balance"), disabled || isMini ? ": " : "");
-	const createOriginalBalanceDom = () => /* @__PURE__ */ React.createElement(Amount, {
+	const createOriginalBalanceDom = () => formattedBalance !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "pisell-card-amount-item-value" }, formattedBalance) : /* @__PURE__ */ React.createElement(Amount, {
 		className: "pisell-card-amount-item-value",
 		useThousandsSeparator: true,
 		value: balance,

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

@@ -8,9 +8,10 @@ import classNames from "classnames";
 import "./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 = resolveWeighingSnapshot(item);
 	const formatFooterAmount = (amount, precision = 2) => {
+		if (amountFormatter) return amountFormatter(amount, precision);
 		if (!weighingInfo) return _formatAmount(amount, symbol, precision);
 		return formatAmountWithOptions(amount, symbol, {
 			precision,

package/es/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/es/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -10,7 +10,8 @@ import "./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: image$1, bundle, options, product_option_string, name, price, symbol, total = 0, origin_total = 0, num = 1, holder_id, isFormSubject, totalDifference = 0 } = dataSource;
+	const { image: image$1, 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) : formatAmount(value, precision, symbol);
 	const renderNumTag = () => {
 		return /* @__PURE__ */ React.createElement("div", { className: classNames(`num-tag`, { "is-main": isMainProduct }) }, num < 100 ? num : "99+");
 	};
@@ -32,7 +33,7 @@ const BasicInfo = (props) => {
 	};
 	const renderProductPrice = () => {
 		if (hasWeighingInfo) return null;
-		return formatAmount(price, 2, symbol);
+		return formatProductAmount(price !== null && price !== void 0 ? price : 0);
 	};
 	const renderImage = () => {
 		if (!isShowImage) return null;
@@ -78,12 +79,12 @@ const BasicInfo = (props) => {
 		return /* @__PURE__ */ React.createElement("div", {
 			className: basicInfoClassName,
 			style: style || {}
-		}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ React.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), /* @__PURE__ */ React.createElement("div", { className: `product-price` }, /* @__PURE__ */ React.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ React.createElement("span", { className: `original-price` }, formatAmount(origin_total, 2, symbol)) : null)), renderProductMeta()), renderEdit));
+		}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ React.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: `product-name ${renderEdit ? "product-name-edit" : ""}` }, name), /* @__PURE__ */ React.createElement("div", { className: `product-price` }, /* @__PURE__ */ React.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ React.createElement("span", { className: `original-price` }, formatProductAmount(origin_total)) : null)), renderProductMeta()), renderEdit));
 	}
 	return /* @__PURE__ */ React.createElement("div", {
 		className: basicInfoClassName,
 		style: style || {}
-	}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info` }, /* @__PURE__ */ React.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ React.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ React.createElement("div", { className: `product-amount` }, /* @__PURE__ */ React.createElement("div", { className: `total-amont` }, formatAmount(total * num - (totalDifference !== null && totalDifference !== void 0 ? totalDifference : 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ React.createElement("div", { className: `origin-amount` }, formatAmount(origin_total * num, 2, symbol)) : null));
+	}, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image$1 && !name ? /* @__PURE__ */ React.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ React.createElement("div", { className: `product-info` }, /* @__PURE__ */ React.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ React.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ React.createElement("div", { className: `product-amount` }, /* @__PURE__ */ React.createElement("div", { className: `total-amont` }, formatProductAmount(total * num - (totalDifference !== null && totalDifference !== void 0 ? totalDifference : 0))), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ React.createElement("div", { className: `origin-amount` }, formatProductAmount(origin_total * num)) : null));
 };
 //#endregion
 export { BasicInfo as default };

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

@@ -9,7 +9,7 @@ import { Divider } from "antd";
 import "./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 = 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);
@@ -29,7 +29,8 @@ const Packages = ({ isShowImage, isShowQuantityBadge, dataSource = {}, type }) =
 				dataSource: _objectSpread2(_objectSpread2({}, item), {}, {
 					name: item.title,
 					image: item.cover,
-					symbol
+					symbol,
+					amountFormatter
 				}),
 				type,
 				isBundle: true,
@@ -37,7 +38,8 @@ const Packages = ({ isShowImage, isShowQuantityBadge, dataSource = {}, type }) =
 			}), showFooter(item) ? /* @__PURE__ */ React.createElement(Footer, {
 				item: _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/es/components/productCard/cartSkuCard/components/specs/index.js

@@ -6,7 +6,8 @@ import "./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.createElement("div", { className: `${PREFIX}__specs-more` }, locales.getText("pisell2.cart.sku-card.more"));
 	/**
 	* @description: 渲染多规格字符串
@@ -17,7 +18,8 @@ const Specs = (props) => {
 	};
 	if (type === "a9") return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs-a9-wrap` }, product_option_string ? /* @__PURE__ */ React.createElement("div", { className: "option-string-wrap" }, renderOptionString()) : null, options && (options === null || options === void 0 ? void 0 : options.length) > 0 ? /* @__PURE__ */ React.createElement(Options, {
 		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);
@@ -29,7 +31,7 @@ const Specs = (props) => {
 		return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__specs` }, displayItems.map((item, index) => /* @__PURE__ */ React.createElement("div", {
 			className: "spec-item",
 			key: index
-		}, /* @__PURE__ */ React.createElement("span", { className: "spec-name" }, item.name), /* @__PURE__ */ React.createElement("span", { className: "spec-num" }, /* @__PURE__ */ React.createElement("span", null, symbol, item.price), /* @__PURE__ */ React.createElement("span", null), "x", /* @__PURE__ */ React.createElement("span", null, item.num)))), options.length > maxSpecsCount ? more : null);
+		}, /* @__PURE__ */ React.createElement("span", { className: "spec-name" }, item.name), /* @__PURE__ */ React.createElement("span", { className: "spec-num" }, /* @__PURE__ */ React.createElement("span", null, formatSpecAmount(item.price)), /* @__PURE__ */ React.createElement("span", null), "x", /* @__PURE__ */ React.createElement("span", null, item.num)))), options.length > maxSpecsCount ? more : null);
 	}
 	return null;
 };

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

@@ -3,12 +3,13 @@ import React from "react";
 import "./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) : _formatAmount(value, amountSymbol);
 	return (options === null || options === void 0 ? void 0 : options.length) > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-option` }, options.map((option, index) => {
 		return /* @__PURE__ */ React.createElement("div", {
 			key: option.id,
 			className: `${prefix}packages-product-bundle-option-item`
-		}, /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left` }, /* @__PURE__ */ React.createElement("span", null, option === null || option === void 0 ? void 0 : option.name), /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left-amount` }, /* @__PURE__ */ React.createElement("span", null, _formatAmount(option === null || option === void 0 ? void 0 : option.price, amountSymbol)), /* @__PURE__ */ React.createElement("span", null, "×"), /* @__PURE__ */ React.createElement("span", null, option === null || option === void 0 ? void 0 : option.num))), /* @__PURE__ */ React.createElement("span", { className: `${prefix}packages-product-bundle-option-item-amount` }, _formatAmount((option === null || option === void 0 ? void 0 : option.price) * (option === null || option === void 0 ? void 0 : option.num), amountSymbol)));
+		}, /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left` }, /* @__PURE__ */ React.createElement("span", null, option === null || option === void 0 ? void 0 : option.name), /* @__PURE__ */ React.createElement("div", { className: `${prefix}packages-product-bundle-option-item-left-amount` }, /* @__PURE__ */ React.createElement("span", null, formatOptionAmount(option === null || option === void 0 ? void 0 : option.price)), /* @__PURE__ */ React.createElement("span", null, "×"), /* @__PURE__ */ React.createElement("span", null, option === null || option === void 0 ? void 0 : option.num))), /* @__PURE__ */ React.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/es/components/productCard/lineItem/index.js

@@ -40,7 +40,9 @@ const _excluded = [
 	"onNote",
 	"onCard",
 	"onPromotion",
-	"onGift"
+	"onGift",
+	"symbol",
+	"amountFormatter"
 ];
 const isBookingItem = (dataSource) => {
 	var _dataSource$_extend;
@@ -78,7 +80,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 _objectSpread2(_objectSpread2({}, bundle), {}, {
@@ -95,6 +97,7 @@ const convertBundle = (bundle, translationOriginal) => {
 		custom_price_type_ext: bundle.price_type_ext,
 		options,
 		option: options,
+		amountFormatter,
 		_origin: bundle
 	});
 };
@@ -146,10 +149,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);
@@ -174,6 +177,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,
@@ -204,15 +208,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 = defaultValue.dataSource, itemType, type = "a9", isShowBookingHeader, rightActions = [], rightActionsDisplay = "swipe", escapeDom, isShowImage = defaultValue.isShowImage, isShowDelete = defaultValue.isShowDelete, isShowInlineDelete = isShowDelete, isShowNote = defaultValue.isShowNote, isShowAmountFooter = defaultValue.isShowAmountFooter, disabledClick = defaultValue.disabledClick, disabledEdit = defaultValue.disabledEdit, disabledNoteEdit = disabledEdit, statusOptions = [], statusLoading = false, statusDisabled = false, isShowRelatedProduct = true, holderOptions, onBookingStatusChange, onAddTimeProductCard, a12UnsupportedFallback = "a9", onAction, onDelete, onNote, onCard, onPromotion, onGift } = props, other = _objectWithoutProperties(props, _excluded);
+	const { dataSource = defaultValue.dataSource, itemType, type = "a9", isShowBookingHeader, rightActions = [], rightActionsDisplay = "swipe", escapeDom, isShowImage = defaultValue.isShowImage, isShowDelete = defaultValue.isShowDelete, isShowInlineDelete = isShowDelete, isShowNote = defaultValue.isShowNote, isShowAmountFooter = defaultValue.isShowAmountFooter, disabledClick = defaultValue.disabledClick, disabledEdit = 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 = _objectWithoutProperties(props, _excluded);
 	const itemKind = itemType || (isBookingItem(dataSource) ? "booking" : "product");
 	const context = useEngineContext();
 	const translationOriginal = useTranslationOriginal();
-	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";
 	useInitLocalesOnce(locales_default$1, locale);
 	useInitLocalesOnce(locales_default, locale);
-	const productDataSource = useMemo(() => itemKind === "product" ? convertProductToLineItemProduct(dataSource, translationOriginal, symbol) : null, [
+	const productDataSource = useMemo(() => itemKind === "product" ? convertProductToLineItemProduct(dataSource, translationOriginal, symbol, amountFormatter) : null, [
+		amountFormatter,
 		dataSource,
 		itemKind,
 		symbol,
@@ -221,16 +226,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 = useMemo(() => {
 		if (!relatedProduct) return null;
-		return convertProductToLineItemProduct(relatedProduct, translationOriginal, symbol);
+		return convertProductToLineItemProduct(relatedProduct, translationOriginal, symbol, amountFormatter);
 	}, [
+		amountFormatter,
 		relatedProduct,
 		symbol,
 		translationOriginal
 	]);
 	const addTimeProductDataSources = 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

package/es/components/section-footers/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/section-footers/index.d.ts
 interface SectionFooterProps {
   left?: React.ReactNode;

package/es/components/virtual-keyboard/Amount/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseNumberKeyboardProps } from "../BaseNumberKeyboard/index.js";
 
 //#region src/components/virtual-keyboard/Amount/types.d.ts

package/lib/components/PisellBasicGrid/PisellBasicGrid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicGridProps } from "./types.js";
 //#region src/components/PisellBasicGrid/PisellBasicGrid.d.ts
 /**

package/lib/components/PisellCards/components/GraphicTextCard/GraphicTextCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GraphicTextCardProps } from "./types.js";
 //#region src/components/PisellCards/components/GraphicTextCard/GraphicTextCard.d.ts
 /**

package/lib/components/PisellCards/components/PisellImageCard/PisellImageCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellImageCardProps } from "./types.js";
 //#region src/components/PisellCards/components/PisellImageCard/PisellImageCard.d.ts
 /**

package/lib/components/PisellCards/components/TabCard/TabCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/PisellCards/components/TabCard/TabCard.d.ts
 declare const Provider: (props: any) => JSX.Element;
 //#endregion

package/lib/components/PisellCards/components/TextCard/TextCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/PisellCards/components/TextCard/TextCard.d.ts
 /**
  * Provider 包装器

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicCardProps } from "./types.js";
 import { ImageDataSource, ImageFillMode, PisellImageCardProps } from "./components/PisellImageCard/types.js";
 import { GraphicConfig, GraphicTextCardProps, GraphicTextCardSize, GraphicTextCardVariant } from "./components/GraphicTextCard/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellSingleLineTextProps } from "../pisellSingleLineText/types.js";
 import { PisellLongTextProps } from "../pisellLongText/types.js";
 import { PisellNumberProps } from "../pisellNumber/types.js";

package/lib/components/PisellGroupView/PisellGroupView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellGroupViewProps } from "./types.js";
 //#region src/components/PisellGroupView/PisellGroupView.d.ts
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellBasicGridProps } from "../PisellBasicGrid/types.js";
 import { PisellScrollViewProps, PisellScrollViewRef } from "../PisellScrollView/types.js";
 import { FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "../pisellFloorMapLayout/types.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellMetricCardProps } from "../pisellMetricCard/types.js";
 import { PisellStatisticListProps } from "../pisellStatisticList/index.js";
 import { PisellStatisticProps } from "../cardMetricItem/index.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppVersionControlProps } from "./types.js";
 //#region src/components/appVersionControl/index.d.ts
 declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;

package/lib/components/appVersionControl/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/appVersionControl/types.d.ts
 interface Version {
   id: string;

package/lib/components/auto-complete-number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 
 //#region src/components/auto-complete-number/index.d.ts

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/badge/index.d.ts
 declare const Badge: (props: any) => JSX.Element;
 //#endregion

package/lib/components/batch-editor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/batch-editor/index.d.ts
 interface BatchEditorProps {
   columns: any[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/calendar/index.d.ts
 declare const Calendar: (props: any) => JSX.Element;
 //#endregion

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/cardPro/index.d.ts
 declare const _default: (props: any) => JSX.Element;
 //#endregion

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 //#region src/components/checkbox/index.d.ts
 declare const Checkbox: (props: any) => JSX.Element;
 //#endregion